import React from "react";
import { createIcon } from "@chakra-ui/react";

export const MoreIcon = createIcon({
  displayName: "MoreIcon",
  viewBox: "0 0 4 20",
  d: "M2 16C1.45 16 0.979334 15.8043 0.588 15.413C0.196 15.021 0 14.55 0 14C0 13.45 0.196 12.979 0.588 12.587C0.979334 12.1957 1.45 12 2 12C2.55 12 3.021 12.1957 3.413 12.587C3.80433 12.979 4 13.45 4 14C4 14.55 3.80433 15.021 3.413 15.413C3.021 15.8043 2.55 16 2 16ZM2 10C1.45 10 0.979334 9.804 0.588 9.412C0.196 9.02067 0 8.55 0 8C0 7.45 0.196 6.979 0.588 6.587C0.979334 6.19567 1.45 6 2 6C2.55 6 3.021 6.19567 3.413 6.587C3.80433 6.979 4 7.45 4 8C4 8.55 3.80433 9.02067 3.413 9.412C3.021 9.804 2.55 10 2 10ZM2 4C1.45 4 0.979334 3.804 0.588 3.412C0.196 3.02067 0 2.55 0 2C0 1.45 0.196 0.979333 0.588 0.588C0.979334 0.196 1.45 0 2 0C2.55 0 3.021 0.196 3.413 0.588C3.80433 0.979333 4 1.45 4 2C4 2.55 3.80433 3.02067 3.413 3.412C3.021 3.804 2.55 4 2 4Z",
});

export const TriggerIcon = createIcon({
  displayName: "TriggerIcon",
  viewBox: "0 0 16 16",
  d: "M4.33333 14.6667C3.41111 14.6667 2.62511 14.3418 1.97533 13.692C1.32511 13.0418 1 12.2556 1 11.3333C1 10.5222 1.25289 9.81378 1.75867 9.208C2.264 8.60267 2.9 8.22222 3.66667 8.06667V9.45C3.27778 9.58333 2.95822 9.82222 2.708 10.1667C2.45822 10.5111 2.33333 10.9 2.33333 11.3333C2.33333 11.8889 2.52778 12.3611 2.91667 12.75C3.30556 13.1389 3.77778 13.3333 4.33333 13.3333C4.88889 13.3333 5.36111 13.1389 5.75 12.75C6.13889 12.3611 6.33333 11.8889 6.33333 11.3333V10.6667H10.25C10.3389 10.5667 10.4473 10.486 10.5753 10.4247C10.7029 10.3638 10.8444 10.3333 11 10.3333C11.2778 10.3333 11.5138 10.4307 11.708 10.6253C11.9027 10.8196 12 11.0556 12 11.3333C12 11.6111 11.9027 11.8471 11.708 12.0413C11.5138 12.236 11.2778 12.3333 11 12.3333C10.8444 12.3333 10.7029 12.3029 10.5753 12.242C10.4473 12.1807 10.3389 12.1 10.25 12H7.6C7.44444 12.7667 7.064 13.4029 6.45867 13.9087C5.85289 14.414 5.14444 14.6667 4.33333 14.6667ZM11 14.6667C10.3778 14.6667 9.814 14.5138 9.30867 14.208C8.80289 13.9027 8.40556 13.5 8.11667 13H9.9C10.0556 13.1111 10.2278 13.1944 10.4167 13.25C10.6056 13.3056 10.8 13.3333 11 13.3333C11.5556 13.3333 12.0278 13.1389 12.4167 12.75C12.8056 12.3611 13 11.8889 13 11.3333C13 10.7778 12.8056 10.3056 12.4167 9.91667C12.0278 9.52778 11.5556 9.33333 11 9.33333C10.7778 9.33333 10.5722 9.36378 10.3833 9.42467C10.1944 9.486 10.0167 9.57778 9.85 9.7L7.81667 6.31667C7.58333 6.27222 7.38889 6.16111 7.23333 5.98333C7.07778 5.80556 7 5.58889 7 5.33333C7 5.05556 7.09733 4.81956 7.292 4.62533C7.48622 4.43067 7.72222 4.33333 8 4.33333C8.27778 4.33333 8.51378 4.43067 8.708 4.62533C8.90267 4.81956 9 5.05556 9 5.33333V5.47533C9 5.514 8.98889 5.56111 8.96667 5.61667L10.4167 8.05C10.5056 8.02778 10.6 8.01378 10.7 8.008C10.8 8.00267 10.9 8 11 8C11.9222 8 12.7084 8.32489 13.3587 8.97467C14.0084 9.62489 14.3333 10.4111 14.3333 11.3333C14.3333 12.2556 14.0084 13.0418 13.3587 13.692C12.7084 14.3418 11.9222 14.6667 11 14.6667ZM4.33333 12.3333C4.05556 12.3333 3.81956 12.236 3.62533 12.0413C3.43067 11.8471 3.33333 11.6111 3.33333 11.3333C3.33333 11.0889 3.41111 10.8778 3.56667 10.7C3.72222 10.5222 3.91111 10.4056 4.13333 10.35L5.7 7.75C5.37778 7.45 5.12511 7.09156 4.942 6.67467C4.75844 6.25822 4.66667 5.81111 4.66667 5.33333C4.66667 4.41111 4.99178 3.62511 5.642 2.97533C6.29178 2.32511 7.07778 2 8 2C8.92222 2 9.70844 2.32511 10.3587 2.97533C11.0084 3.62511 11.3333 4.41111 11.3333 5.33333H10C10 4.77778 9.80556 4.30556 9.41667 3.91667C9.02778 3.52778 8.55555 3.33333 8 3.33333C7.44444 3.33333 6.97222 3.52778 6.58333 3.91667C6.19444 4.30556 6 4.77778 6 5.33333C6 5.81111 6.14444 6.23044 6.43333 6.59133C6.72222 6.95267 7.08889 7.18333 7.53333 7.28333L5.28333 11.0333C5.30556 11.0889 5.31956 11.1389 5.32533 11.1833C5.33067 11.2278 5.33333 11.2778 5.33333 11.3333C5.33333 11.6111 5.236 11.8471 5.04133 12.0413C4.84711 12.236 4.61111 12.3333 4.33333 12.3333Z",
});

export const LightModeIcon = createIcon({
  displayName: "LightModeIcon",
  viewBox: "0 0 32 32",
  d: "M16 2a1.4 1.4 0 011.4 1.4v1.4a1.4 1.4 0 11-2.8 0V3.4A1.4 1.4 0 0116 2zM6.1 6.1a1.4 1.4 0 011.98 0l.99.99a1.4 1.4 0 11-1.98 1.98l-.99-.99a1.4 1.4 0 010-1.98zm19.8 0a1.4 1.4 0 010 1.98l-.99.99a1.4 1.4 0 01-1.98-1.98l.99-.99a1.4 1.4 0 011.98 0zM9 16a7 7 0 1114 0 7 7 0 01-14 0zm-7 0a1.4 1.4 0 011.4-1.4h1.4a1.4 1.4 0 110 2.8H3.4A1.4 1.4 0 012 16zm23.8 0a1.4 1.4 0 011.4-1.4h1.4a1.4 1.4 0 110 2.8h-1.4a1.4 1.4 0 01-1.4-1.4zm-2.87 6.93a1.4 1.4 0 011.98 0l.99.99a1.4 1.4 0 01-1.98 1.98l-.99-.99a1.4 1.4 0 010-1.98zm-15.84 0a1.4 1.4 0 011.98 1.98l-.99.99a1.4 1.4 0 01-1.98-1.98l.99-.99zM16 25.8a1.4 1.4 0 011.4 1.4v1.4a1.4 1.4 0 11-2.8 0v-1.4a1.4 1.4 0 011.4-1.4z",
});

export const DarkModeIcon = createIcon({
  displayName: "DarkModeIcon",
  viewBox: "0 0 32 32",
  d: "M9.353 2.939a1 1 0 01.22 1.08 8 8 0 0010.408 10.408 1 1 0 011.301 1.3A10.003 10.003 0 0112 22C6.477 22 2 17.523 2 12c0-4.207 2.598-7.805 6.273-9.282a1 1 0 011.08.22z",
});

export const LanguageIcon = (props: any) => {
  return (
    <svg
      width={props.size}
      height={props.size}
      viewBox="0 0 21 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g clipPath="url(#clip0_9454_14004)">
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M11.3758 15.6395C11.9201 14.3578 12.293 12.4828 12.293 10.3333C12.293 8.18388 11.9201 6.30884 11.3758 5.02714C11.1024 4.38343 10.8153 3.95903 10.573 3.71771C10.456 3.60122 10.3677 3.54554 10.316 3.52063C10.291 3.50857 10.2748 3.50379 10.2668 3.5019C10.2593 3.50009 10.2556 3.5 10.2538 3.5C10.252 3.5 10.2483 3.50009 10.2408 3.5019C10.2329 3.50379 10.2167 3.50857 10.1916 3.52063C10.1399 3.54554 10.0516 3.60122 9.93467 3.71771C9.69236 3.95903 9.40524 4.38343 9.13185 5.02714C8.58751 6.30884 8.2146 8.18388 8.2146 10.3333C8.2146 12.4828 8.58751 14.3578 9.13185 15.6395C9.40524 16.2832 9.69236 16.7076 9.93467 16.949C10.0516 17.0654 10.1399 17.1211 10.1916 17.146C10.2167 17.1581 10.2329 17.1629 10.2408 17.1648C10.2483 17.1666 10.252 17.1667 10.2538 17.1667C10.2556 17.1667 10.2593 17.1666 10.2668 17.1648C10.2748 17.1629 10.291 17.1581 10.316 17.146C10.3677 17.1211 10.456 17.0654 10.573 16.949C10.8153 16.7076 11.1024 16.2832 11.3758 15.6395ZM10.2538 18.6667C12.2085 18.6667 13.793 14.9357 13.793 10.3333C13.793 5.73096 12.2085 2 10.2538 2C8.29916 2 6.7146 5.73096 6.7146 10.3333C6.7146 14.9357 8.29916 18.6667 10.2538 18.6667Z"
          fill={props.color}
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M10.2538 17.1667C14.0278 17.1667 17.0872 14.1073 17.0872 10.3333C17.0872 6.55939 14.0278 3.5 10.2538 3.5C6.47987 3.5 3.42053 6.55939 3.42053 10.3333C3.42053 14.1073 6.47987 17.1667 10.2538 17.1667ZM10.2538 18.6667C14.8562 18.6667 18.5872 14.9357 18.5872 10.3333C18.5872 5.73096 14.8562 2 10.2538 2C5.65144 2 1.92053 5.73096 1.92053 10.3333C1.92053 14.9357 5.65144 18.6667 10.2538 18.6667Z"
          fill={props.color}
        />
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M17.7327 10.9424H2.87878V9.44244H17.7327V10.9424Z"
          fill={props.color}
        />
      </g>
      <defs>
        <clipPath id="clip0_9454_14004">
          <rect width="20" height="20" fill="white" transform="translate(0.253906)" />
        </clipPath>
      </defs>
    </svg>
  );
};

export const GithubIcon = createIcon({
  displayName: "GithubIcon",
  viewBox: "0 0 20 20",
  d: "M9.99996 1.66663C5.39579 1.66663 1.66663 5.39579 1.66663 9.99996C1.66568 11.7494 2.21564 13.4546 3.23847 14.8739C4.26131 16.2931 5.70508 17.3542 7.36496 17.9066C7.78163 17.9791 7.93746 17.7291 7.93746 17.51C7.93746 17.3125 7.92663 16.6566 7.92663 15.9583C5.83329 16.3441 5.29163 15.4483 5.12496 14.9791C5.03079 14.7391 4.62496 14 4.27079 13.8016C3.97913 13.6458 3.56246 13.26 4.25996 13.25C4.91663 13.2391 5.38496 13.8541 5.54163 14.1041C6.29163 15.3641 7.48996 15.01 7.96829 14.7916C8.04163 14.25 8.25996 13.8858 8.49996 13.6775C6.64579 13.4691 4.70829 12.75 4.70829 9.56246C4.70829 8.65579 5.03079 7.90663 5.56246 7.32246C5.47913 7.11413 5.18746 6.25996 5.64579 5.11413C5.64579 5.11413 6.34329 4.89579 7.93746 5.96913C8.61585 5.78084 9.31677 5.68608 10.0208 5.68746C10.7291 5.68746 11.4375 5.78079 12.1041 5.96829C13.6975 4.88496 14.3958 5.11496 14.3958 5.11496C14.8541 6.26079 14.5625 7.11496 14.4791 7.32329C15.01 7.90663 15.3333 8.64579 15.3333 9.56246C15.3333 12.7608 13.3858 13.4691 11.5316 13.6775C11.8333 13.9375 12.0941 14.4375 12.0941 15.2191C12.0941 16.3333 12.0833 17.2291 12.0833 17.5108C12.0833 17.7291 12.24 17.9891 12.6566 17.9058C14.3108 17.3473 15.7482 16.2841 16.7665 14.8659C17.7849 13.4477 18.3328 11.7459 18.3333 9.99996C18.3333 5.39579 14.6041 1.66663 9.99996 1.66663Z",
});

export const WechatIcon = createIcon({
  displayName: "WechatIcon",
  viewBox: "0 0 22 24",
  d: "M18.574 13.711C18.8112 13.7079 19.0378 13.6123 19.2055 13.4445C19.3733 13.2768 19.4689 13.0502 19.472 12.813C19.472 12.315 19.073 11.915 18.574 11.915C18.075 11.915 17.676 12.315 17.676 12.813C17.676 13.313 18.076 13.711 18.574 13.711ZM14.149 13.711C14.3862 13.7079 14.6128 13.6123 14.7805 13.4445C14.9483 13.2768 15.0439 13.0502 15.047 12.813C15.047 12.315 14.647 11.915 14.149 11.915C13.649 11.915 13.251 12.315 13.251 12.813C13.251 13.313 13.65 13.711 14.149 13.711ZM20.716 18.751C20.6519 18.7866 20.6008 18.8416 20.5699 18.908C20.539 18.9745 20.5299 19.0491 20.544 19.121C20.544 19.169 20.544 19.218 20.569 19.268C20.667 19.685 20.863 20.349 20.863 20.374C20.863 20.447 20.888 20.496 20.888 20.546C20.888 20.575 20.8823 20.6037 20.8712 20.6304C20.86 20.6572 20.8437 20.6815 20.8232 20.7019C20.8027 20.7224 20.7783 20.7385 20.7515 20.7495C20.7247 20.7605 20.696 20.7661 20.667 20.766C20.617 20.766 20.593 20.742 20.544 20.718L19.095 19.882C18.9892 19.8238 18.8716 19.7903 18.751 19.784C18.678 19.784 18.604 19.784 18.555 19.808C17.867 20.005 17.155 20.103 16.394 20.103C12.734 20.103 9.787 17.646 9.787 14.598C9.787 11.551 12.734 9.093 16.394 9.093C20.053 9.093 23 11.551 23 14.598C23 16.245 22.116 17.744 20.716 18.752V18.751ZM16.673 8.099C16.5797 8.0959 16.4864 8.09423 16.393 8.094C12.219 8.094 8.787 10.954 8.787 14.599C8.787 15.153 8.867 15.689 9.015 16.199H8.926C8.05226 16.1902 7.18347 16.0664 6.342 15.831C6.268 15.806 6.194 15.806 6.12 15.806C5.97221 15.8091 5.82793 15.8516 5.702 15.929L3.954 16.934C3.904 16.959 3.855 16.984 3.806 16.984C3.73463 16.9832 3.66641 16.9545 3.61594 16.9041C3.56548 16.8536 3.53678 16.7854 3.536 16.714C3.536 16.64 3.56 16.591 3.585 16.517C3.609 16.493 3.831 15.683 3.954 15.193C3.954 15.143 3.978 15.07 3.978 15.021C3.97773 14.9353 3.95764 14.8508 3.9193 14.7741C3.88097 14.6974 3.82542 14.6307 3.757 14.579C2.058 13.376 1 11.586 1 9.598C1 5.945 4.57 3 8.95 3C12.715 3 15.88 5.169 16.673 8.098V8.099ZM11.519 8.517C12.092 8.517 12.545 8.04 12.545 7.491C12.545 6.918 12.092 6.465 11.519 6.465C10.946 6.465 10.493 6.918 10.493 7.491C10.493 8.064 10.946 8.517 11.519 8.517ZM6.259 8.517C6.832 8.517 7.286 8.04 7.286 7.491C7.286 6.918 6.832 6.465 6.259 6.465C5.687 6.465 5.233 6.918 5.233 7.491C5.233 8.064 5.687 8.517 6.259 8.517Z",
});

export const ForumIcon = createIcon({
  displayName: "ForumIcon",
  viewBox: "0 0 24 24",
  d: "M13.6228 19.7399C13.0966 19.8365 12.5542 19.8869 12.0001 19.8869C7.06474 19.8869 3.06384 15.886 3.06384 10.9507C3.06384 6.0153 7.06474 2.0144 12.0001 2.0144C16.9354 2.0144 20.9363 6.0153 20.9363 10.9507C20.9363 13.948 19.4606 16.6007 17.1962 18.2218L14.312 21.9195C14.2207 22.0365 14.0341 21.9907 14.0074 21.8447L13.6228 19.7399ZM9.3375 7.88363C8.97081 7.88363 8.62735 8.06321 8.41812 8.36435L6.63897 10.9249L6.62574 10.9318L6.62997 10.9379L6.62574 10.944L6.63897 10.9508L8.41844 13.5115C8.62768 13.8126 8.9711 13.9921 9.33777 13.9921L10.7393 13.9921L9.1522 10.9379L10.7393 7.88363H9.3375ZM13.9095 14.0177C13.3236 14.0177 12.8487 13.5428 12.8487 12.957C12.8487 12.3711 13.3236 11.8962 13.9095 11.8962H16.3137C16.8995 11.8962 17.3744 12.3711 17.3744 12.957C17.3744 13.5428 16.8995 14.0177 16.3137 14.0177H13.9095Z",
});

export const DiscordIcon = createIcon({
  displayName: "DiscordIcon",
  viewBox: "0 0 24 24",
  d: "M15.0831 17.7969C14.8161 17.862 14.5475 17.9197 14.2773 17.97C12.8114 18.2459 11.3063 18.2403 9.84252 17.9534C9.58615 17.9034 9.22324 17.8152 8.75545 17.6903L7.22224 19.683C3.43832 19.5615 2 17.0261 2 17.0261C2 11.3977 4.46546 6.83466 4.46546 6.83466C6.93091 4.94853 9.27651 5.00014 9.27651 5.00014L9.9474 5.87412C10.0092 5.86545 10.0715 5.8599 10.1338 5.85747C11.4127 5.68795 12.7087 5.69356 13.986 5.87412L14.7218 5.00014C14.7218 5.00014 17.0691 4.94853 19.5329 6.83633C19.5329 6.83633 22 11.3977 22 17.0261C22 17.0261 20.5434 19.5598 16.7594 19.683L15.0831 17.7969ZM8.69356 11.8369C7.69307 11.8369 6.90232 12.586 6.90232 13.5016C6.90232 14.4172 7.70971 15.1664 8.69356 15.1664C9.6924 15.1664 10.4831 14.4172 10.4831 13.5016C10.4998 12.586 9.69406 11.8369 8.69356 11.8369ZM15.0994 11.8369C14.1006 11.8369 13.3098 12.586 13.3098 13.5016C13.3098 14.4172 14.1172 15.1664 15.0994 15.1664C16.0999 15.1664 16.8907 14.4172 16.8907 13.5016C16.8907 12.586 16.0999 11.8369 15.0994 11.8369Z",
});

export const MenuIcon = createIcon({
  displayName: "MenuIcon",
  viewBox: "0 0 24 24",
  d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z",
});

export const PhoneIcon = createIcon({
  displayName: "PhoneIcon",
  viewBox: "0 0 6 10",
  d: "M2.16683 8.33329H3.8335V7.91663H2.16683V8.33329ZM0.91683 9.58329C0.687663 9.58329 0.491413 9.50163 0.32808 9.33829C0.164747 9.17496 0.083219 8.97885 0.0834968 8.74996V1.24996C0.0834968 1.02079 0.165163 0.824543 0.328497 0.66121C0.49183 0.497877 0.687941 0.416349 0.91683 0.416627H5.0835C5.31266 0.416627 5.50891 0.498293 5.67225 0.661627C5.83558 0.82496 5.91711 1.02107 5.91683 1.24996V8.74996C5.91683 8.97913 5.83516 9.17538 5.67183 9.33871C5.5085 9.50204 5.31239 9.58357 5.0835 9.58329H0.91683ZM0.91683 6.66663H5.0835V2.49996H0.91683V6.66663Z",
});

export const MarketIcon = createIcon({
  displayName: "MarketIcon",
  viewBox: "0 0 21 20",
  d: "M10.2539 20C8.87057 20 7.57057 19.7375 6.35391 19.2125C5.13724 18.6875 4.07891 17.975 3.17891 17.075C2.27891 16.175 1.56641 15.1167 1.04141 13.9C0.516406 12.6833 0.253906 11.3833 0.253906 10C0.253906 8.61667 0.516406 7.31667 1.04141 6.1C1.56641 4.88333 2.27891 3.825 3.17891 2.925C4.07891 2.025 5.13724 1.3125 6.35391 0.7875C7.57057 0.2625 8.87057 0 10.2539 0C12.6872 0 14.8164 0.7625 16.6414 2.2875C18.4664 3.8125 19.6039 5.725 20.0539 8.025H18.0039C17.6872 6.80833 17.1164 5.72083 16.2914 4.7625C15.4664 3.80417 14.4539 3.08333 13.2539 2.6V3C13.2539 3.55 13.0581 4.02083 12.6664 4.4125C12.2747 4.80417 11.8039 5 11.2539 5H9.25391V7C9.25391 7.28333 9.15807 7.52083 8.96641 7.7125C8.77474 7.90417 8.53724 8 8.25391 8H6.25391V10H8.25391V13H7.25391L2.45391 8.2C2.40391 8.5 2.35807 8.8 2.31641 9.1C2.27474 9.4 2.25391 9.7 2.25391 10C2.25391 12.1833 3.02057 14.0583 4.55391 15.625C6.08724 17.1917 7.98724 17.9833 10.2539 18V20ZM19.3539 19.5L16.1539 16.3C15.8039 16.5 15.4289 16.6667 15.0289 16.8C14.6289 16.9333 14.2039 17 13.7539 17C12.5039 17 11.4414 16.5625 10.5664 15.6875C9.69141 14.8125 9.25391 13.75 9.25391 12.5C9.25391 11.25 9.69141 10.1875 10.5664 9.3125C11.4414 8.4375 12.5039 8 13.7539 8C15.0039 8 16.0664 8.4375 16.9414 9.3125C17.8164 10.1875 18.2539 11.25 18.2539 12.5C18.2539 12.95 18.1872 13.375 18.0539 13.775C17.9206 14.175 17.7539 14.55 17.5539 14.9L20.7539 18.1L19.3539 19.5ZM13.7539 15C14.4539 15 15.0456 14.7583 15.5289 14.275C16.0122 13.7917 16.2539 13.2 16.2539 12.5C16.2539 11.8 16.0122 11.2083 15.5289 10.725C15.0456 10.2417 14.4539 10 13.7539 10C13.0539 10 12.4622 10.2417 11.9789 10.725C11.4956 11.2083 11.2539 11.8 11.2539 12.5C11.2539 13.2 11.4956 13.7917 11.9789 14.275C12.4622 14.7583 13.0539 15 13.7539 15Z",
});

export const FileIcon = createIcon({
  displayName: "FileIcon",
  viewBox: "0 0 10 13",
  d: "M6.16634 0.666656H1.49967C1.19026 0.666656 0.893509 0.789573 0.674717 1.00837C0.455924 1.22716 0.333008 1.5239 0.333008 1.83332V11.1667C0.333008 11.4761 0.455924 11.7728 0.674717 11.9916C0.893509 12.2104 1.19026 12.3333 1.49967 12.3333H8.49967C8.80909 12.3333 9.10584 12.2104 9.32463 11.9916C9.54343 11.7728 9.66634 11.4761 9.66634 11.1667V4.16666L6.16634 0.666656ZM8.49967 11.1667H1.49967V1.83332H5.58301V4.74999H8.49967V11.1667Z",
});

export const UserIcon = createIcon({
  displayName: "UserIcon",
  viewBox: "0 0 20 20",
  d: "M10 3.3335C10.8841 3.3335 11.7319 3.68469 12.3571 4.30981C12.9822 4.93493 13.3334 5.78277 13.3334 6.66683C13.3334 7.55088 12.9822 8.39873 12.3571 9.02385C11.7319 9.64897 10.8841 10.0002 10 10.0002C9.11599 10.0002 8.26814 9.64897 7.64302 9.02385C7.0179 8.39873 6.66671 7.55088 6.66671 6.66683C6.66671 5.78277 7.0179 4.93493 7.64302 4.30981C8.26814 3.68469 9.11599 3.3335 10 3.3335ZM10 5.00016C9.55801 5.00016 9.13409 5.17576 8.82153 5.48832C8.50897 5.80088 8.33337 6.2248 8.33337 6.66683C8.33337 7.10886 8.50897 7.53278 8.82153 7.84534C9.13409 8.1579 9.55801 8.3335 10 8.3335C10.4421 8.3335 10.866 8.1579 11.1786 7.84534C11.4911 7.53278 11.6667 7.10886 11.6667 6.66683C11.6667 6.2248 11.4911 5.80088 11.1786 5.48832C10.866 5.17576 10.4421 5.00016 10 5.00016ZM10 10.8335C12.225 10.8335 16.6667 11.9418 16.6667 14.1668V16.6668H3.33337V14.1668C3.33337 11.9418 7.77504 10.8335 10 10.8335ZM10 12.4168C7.52504 12.4168 4.91671 13.6335 4.91671 14.1668V15.0835H15.0834V14.1668C15.0834 13.6335 12.475 12.4168 10 12.4168Z",
});

export const LikeIcon = createIcon({
  displayName: "LikeIcon",
  viewBox: "0 0 12 11",
  d: "M5.99935 10.7499L5.15352 9.99161C4.17157 9.10689 3.35977 8.34369 2.7181 7.70203C2.07643 7.06036 1.56602 6.48422 1.18685 5.97361C0.807682 5.46339 0.542849 4.99439 0.392349 4.56661C0.241849 4.13883 0.166405 3.70133 0.166016 3.25411C0.166016 2.34022 0.472266 1.57703 1.08477 0.964526C1.69727 0.352026 2.46046 0.0457764 3.37435 0.0457764C3.8799 0.0457764 4.36115 0.152721 4.8181 0.36661C5.27504 0.580499 5.66879 0.881887 5.99935 1.27078C6.3299 0.881887 6.72365 0.580499 7.1806 0.36661C7.63754 0.152721 8.11879 0.0457764 8.62435 0.0457764C9.53824 0.0457764 10.3014 0.352026 10.9139 0.964526C11.5264 1.57703 11.8327 2.34022 11.8327 3.25411C11.8327 3.70133 11.7572 4.13883 11.6063 4.56661C11.4555 4.99439 11.1906 5.46339 10.8118 5.97361C10.4327 6.48422 9.92227 7.06036 9.2806 7.70203C8.63893 8.34369 7.82713 9.10689 6.84518 9.99161L5.99935 10.7499ZM5.99935 9.17494C6.93268 8.33883 7.70074 7.62172 8.30352 7.02361C8.90629 6.4255 9.38268 5.90555 9.73268 5.46378C10.0827 5.02122 10.3257 4.62728 10.4618 4.28194C10.598 3.93661 10.666 3.594 10.666 3.25411C10.666 2.67078 10.4716 2.18467 10.0827 1.79578C9.69379 1.40689 9.20768 1.21244 8.62435 1.21244C8.1674 1.21244 7.74449 1.34117 7.3556 1.59861C6.96671 1.85605 6.69935 2.18428 6.55352 2.58328H5.44518C5.29935 2.18467 5.03199 1.85644 4.6431 1.59861C4.25421 1.34078 3.83129 1.21205 3.37435 1.21244C2.79102 1.21244 2.3049 1.40689 1.91602 1.79578C1.52713 2.18467 1.33268 2.67078 1.33268 3.25411C1.33268 3.59439 1.40074 3.93719 1.53685 4.28253C1.67296 4.62786 1.91602 5.02161 2.26602 5.46378C2.61602 5.90594 3.0924 6.42608 3.69518 7.02419C4.29796 7.6223 5.06602 8.33922 5.99935 9.17494Z",
});

export const TextIcon = createIcon({
  displayName: "TextIcon",
  viewBox: "0 0 13 12",
  d: "M2.92057 9.33333H7.58724V8H2.92057V9.33333ZM2.92057 6.66667H9.58724V5.33333H2.92057V6.66667ZM2.92057 4H9.58724V2.66667H2.92057V4ZM1.58724 12C1.22057 12 0.906684 11.8694 0.645573 11.6083C0.384462 11.3472 0.253906 11.0333 0.253906 10.6667V1.33333C0.253906 0.966667 0.384462 0.652778 0.645573 0.391667C0.906684 0.130556 1.22057 0 1.58724 0H10.9206C11.2872 0 11.6011 0.130556 11.8622 0.391667C12.1234 0.652778 12.2539 0.966667 12.2539 1.33333V10.6667C12.2539 11.0333 12.1234 11.3472 11.8622 11.6083C11.6011 11.8694 11.2872 12 10.9206 12H1.58724ZM1.58724 10.6667H10.9206V1.33333H1.58724V10.6667Z",
});

export const HeartIcon = createIcon({
  displayName: "HeartIcon",
  viewBox: "0 0 14 13",
  d: "M6.77409 12.9999L5.80742 12.1333C4.6852 11.1222 3.75742 10.2499 3.02409 9.5166C2.29076 8.78327 1.70742 8.12482 1.27409 7.54127C0.840755 6.95816 0.538089 6.42216 0.366089 5.93327C0.194089 5.44438 0.107866 4.94438 0.107422 4.43327C0.107422 3.38882 0.457422 2.5166 1.15742 1.8166C1.85742 1.1166 2.72964 0.766602 3.77409 0.766602C4.35187 0.766602 4.90187 0.888824 5.42409 1.13327C5.94631 1.37771 6.39631 1.72216 6.77409 2.1666C7.15187 1.72216 7.60187 1.37771 8.12409 1.13327C8.64631 0.888824 9.19631 0.766602 9.77409 0.766602C10.8185 0.766602 11.6908 1.1166 12.3908 1.8166C13.0908 2.5166 13.4408 3.38882 13.4408 4.43327C13.4408 4.94438 13.3545 5.44438 13.1821 5.93327C13.0096 6.42216 12.707 6.95816 12.2741 7.54127C11.8408 8.12482 11.2574 8.78327 10.5241 9.5166C9.79076 10.2499 8.86298 11.1222 7.74076 12.1333L6.77409 12.9999ZM6.77409 11.1999C7.84076 10.2444 8.71853 9.42482 9.40742 8.74127C10.0963 8.05771 10.6408 7.46349 11.0408 6.9586C11.4408 6.45282 11.7185 6.0026 11.8741 5.60794C12.0296 5.21327 12.1074 4.82171 12.1074 4.43327C12.1074 3.7666 11.8852 3.21105 11.4408 2.7666C10.9963 2.32216 10.4408 2.09993 9.77409 2.09993C9.25187 2.09993 8.76853 2.24705 8.32409 2.54127C7.87964 2.83549 7.57409 3.2106 7.40742 3.6666H6.14076C5.97409 3.21105 5.66853 2.83593 5.22409 2.54127C4.77964 2.2466 4.29631 2.09949 3.77409 2.09993C3.10742 2.09993 2.55187 2.32216 2.10742 2.7666C1.66298 3.21105 1.44076 3.7666 1.44076 4.43327C1.44076 4.82216 1.51853 5.21394 1.67409 5.6086C1.82964 6.00327 2.10742 6.45327 2.50742 6.9586C2.90742 7.46394 3.45187 8.05838 4.14076 8.74193C4.82964 9.42549 5.70742 10.2448 6.77409 11.1999Z",
});

export const TimeIcon = createIcon({
  displayName: "TimeIcon",
  viewBox: "0 0 13 12",
  d: "M6.25391 12C5.42057 12 4.64013 11.8418 3.91257 11.5253C3.18457 11.2084 2.55124 10.7804 2.01257 10.2413C1.47346 9.70267 1.04546 9.06933 0.728573 8.34133C0.412128 7.61378 0.253906 6.83333 0.253906 6C0.253906 5.16667 0.412128 4.386 0.728573 3.658C1.04546 2.93044 1.47346 2.29711 2.01257 1.758C2.55124 1.21933 3.18457 0.791556 3.91257 0.474667C4.64013 0.158222 5.42057 0 6.25391 0C7.16502 0 8.02902 0.194444 8.84591 0.583333C9.66235 0.972222 10.3539 1.52222 10.9206 2.23333V0.666667H12.2539V4.66667H8.25391V3.33333H10.0872C9.63168 2.71111 9.07057 2.22222 8.40391 1.86667C7.73724 1.51111 7.02057 1.33333 6.25391 1.33333C4.95391 1.33333 3.85124 1.786 2.94591 2.69133C2.04013 3.59711 1.58724 4.7 1.58724 6C1.58724 7.3 2.04013 8.40267 2.94591 9.308C3.85124 10.2138 4.95391 10.6667 6.25391 10.6667C7.42057 10.6667 8.43991 10.2889 9.31191 9.53333C10.1844 8.77778 10.6984 7.82222 10.8539 6.66667H12.2206C12.0539 8.18889 11.4012 9.45822 10.2626 10.4747C9.12346 11.4916 7.78724 12 6.25391 12ZM8.12057 8.8L5.58724 6.26667V2.66667H6.92057V5.73333L9.05391 7.86667L8.12057 8.8Z",
});

export const FilledHeartIcon = createIcon({
  displayName: "FilledHeartIcon",
  viewBox: "0 0 15 13",
  d: "M7.52018 12.9999L6.55352 12.1333C5.43129 11.1222 4.50352 10.2499 3.77018 9.5166C3.03685 8.78327 2.45352 8.12482 2.02018 7.54127C1.58685 6.95816 1.28418 6.42216 1.11218 5.93327C0.940182 5.44438 0.85396 4.94438 0.853516 4.43327C0.853516 3.38882 1.20352 2.5166 1.90352 1.8166C2.60352 1.1166 3.47574 0.766602 4.52018 0.766602C5.09796 0.766602 5.64796 0.888824 6.17018 1.13327C6.6924 1.37771 7.14241 1.72216 7.52018 2.1666C7.89796 1.72216 8.34796 1.37771 8.87018 1.13327C9.3924 0.888824 9.9424 0.766602 10.5202 0.766602C11.5646 0.766602 12.4368 1.1166 13.1368 1.8166C13.8368 2.5166 14.1868 3.38882 14.1868 4.43327C14.1868 4.94438 14.1006 5.44438 13.9282 5.93327C13.7557 6.42216 13.4531 6.95816 13.0202 7.54127C12.5868 8.12482 12.0035 8.78327 11.2702 9.5166C10.5368 10.2499 9.60907 11.1222 8.48685 12.1333L7.52018 12.9999Z",
});

export const RocketIcon = () => {
  return (
    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
      <g clipPath="url(#clip0_8723_8368)">
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M12.11 2.3434L12.28 2.36473C12.7293 2.42673 13.324 2.51006 13.6606 2.8474C13.9366 3.12273 14.0426 3.57073 14.106 3.97073L14.1433 4.22806C14.2273 4.83473 14.2493 5.6294 14.106 6.51206C13.8233 8.25406 12.896 10.3327 10.5673 11.9421C10.5546 12.0674 10.554 12.1941 10.5566 12.3207L10.5633 12.5101C10.574 12.8014 10.5846 13.0921 10.5033 13.3754C10.3766 13.8154 9.9253 14.1054 9.5033 14.3134L9.29664 14.4114L9.02997 14.5287C8.5313 14.7407 7.85797 14.9581 7.43597 14.5354C7.18264 14.2827 7.07864 13.9121 6.99397 13.5434L6.96264 13.4054C6.92734 13.2312 6.88283 13.0589 6.8293 12.8894C6.79597 12.7921 6.75997 12.6927 6.7213 12.5927C6.67875 12.645 6.63358 12.695 6.58597 12.7427C6.35597 12.9727 6.01264 13.1334 5.72997 13.2461C5.4213 13.3681 5.07197 13.4747 4.74864 13.5627L4.58264 13.6067L4.26464 13.6861L3.97664 13.7527L3.63197 13.8261L3.41664 13.8681C3.30924 13.8879 3.19863 13.8814 3.09432 13.849C2.99002 13.8166 2.89516 13.7593 2.81793 13.6821C2.7407 13.6049 2.68342 13.51 2.65102 13.4057C2.61863 13.3014 2.61209 13.1908 2.63197 13.0834L2.6893 12.7961L2.79197 12.3307L2.87464 11.9907L2.9373 11.7507C3.0253 11.4281 3.13197 11.0787 3.25464 10.7707C3.36664 10.4874 3.5273 10.1441 3.7573 9.91406L3.81064 9.86273L3.76797 9.8454C3.65404 9.80208 3.53863 9.76272 3.42197 9.7274L3.2373 9.67073C2.77464 9.53073 2.27997 9.38006 1.97264 9.07206C1.5993 8.6994 1.7253 8.13206 1.9053 7.66006L1.97864 7.4774L2.09664 7.21073L2.19464 7.00406C2.40264 6.58273 2.69264 6.1314 3.13264 6.00473C3.36597 5.93806 3.60864 5.93406 3.85264 5.94073L3.9993 5.9454C4.18997 5.95206 4.37997 5.9594 4.56597 5.9414C6.1753 3.61206 8.25397 2.68473 9.99597 2.40206C10.6948 2.28745 11.4059 2.26771 12.11 2.3434ZM5.56864 10.7934C5.46371 10.7157 5.33831 10.6706 5.20797 10.6634C5.07762 10.6563 4.94805 10.6876 4.8353 10.7534L4.76197 10.8027L4.69997 10.8581L4.61664 10.9634C4.4433 11.2141 4.34464 11.5607 4.26797 11.8847L4.19597 12.1967L4.16197 12.3387L4.2893 12.3081L4.56797 12.2441C4.9533 12.1541 5.38064 12.0374 5.6433 11.8007C5.75751 11.6866 5.82641 11.5349 5.8372 11.3738C5.84799 11.2126 5.79994 11.0531 5.70197 10.9247L5.6473 10.8621L5.6313 10.8467L5.56864 10.7934ZM10.3573 6.14406C10.2335 6.02023 10.0865 5.92199 9.92478 5.85495C9.76302 5.78791 9.58964 5.75339 9.41454 5.75336C9.23944 5.75333 9.06605 5.78779 8.90426 5.85477C8.74248 5.92175 8.59547 6.01994 8.47164 6.14373C8.3478 6.26752 8.24956 6.41449 8.18252 6.57625C8.11549 6.73801 8.08097 6.91139 8.08094 7.08649C8.0809 7.26159 8.11536 7.43499 8.18234 7.59677C8.24932 7.75855 8.34751 7.90556 8.4713 8.0294C8.72131 8.2795 9.06044 8.42003 9.41407 8.4201C9.7677 8.42016 10.1069 8.27974 10.357 8.02973C10.6071 7.77972 10.7476 7.4406 10.7477 7.08697C10.7477 6.73333 10.6073 6.39416 10.3573 6.14406Z"
          fill="#00A9A6"
        />
      </g>
      <defs>
        <clipPath id="clip0_8723_8368">
          <rect width="16" height="16" fill="white" transform="translate(0 0.5)" />
        </clipPath>
      </defs>
    </svg>
  );
};

export const LafAILogoIcon = (props: any) => {
  return (
    <svg
      width={24}
      height={24}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.097 8.041c0-.522.424-.945.946-.945h.735c.523 0 .946.423.946.945v1.471a.946.946 0 01-.946.946h-.735a.946.946 0 01-.946-.946v-1.47zM10.191 7.096a.946.946 0 00-.945.945v1.471c0 .522.423.946.945.946h.736a.946.946 0 00.945-.946v-1.47a.946.946 0 00-.945-.946h-.736z"
        fill="#00A9A6"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M5.155.675l-.322.33 1.93 1.973.02.02H4.728c-1.915 0-3.467 1.61-3.467 3.596v.397H.63v.008a.168.168 0 00-.053-.008c-.32 0-.578.94-.578 2.1 0 1.161.259 2.102.578 2.102a.167.167 0 00.052-.008v.008h.63c.013 1.975 1.56 3.572 3.468 3.572h6.514c1.907 0 3.455-1.597 3.467-3.572h.63c.29 0 .526-.94.526-2.101 0-1.16-.236-2.101-.526-2.101h-.63v-.397c0-1.986-1.552-3.596-3.467-3.596H9.317l.02-.02L7.085.675a1.344 1.344 0 00-1.93 0zm6.087 4.004H4.728c-.93 0-1.786.8-1.786 1.915v4.576c0 1.115.857 1.914 1.786 1.914h6.514c.93 0 1.786-.799 1.786-1.914V6.594c0-1.116-.857-1.915-1.786-1.915z"
        fill="#00A9A6"
      />
      <path
        d="M8.694 1.004l-.322.33 1.287 1.315s.7-.569 1.017-1.044c.162-.241.356-.654.356-.654-.257.034-.508-.072-.737-.195a1.343 1.343 0 00-1.601.248zM5.941 16.867c-.728 0-1.318-.612-1.318-1.366h6.724c0 .754-.59 1.366-1.319 1.366H5.941z"
        fill="#00A9A6"
      />
    </svg>
  );
};

export const LabelIcon = createIcon({
  displayName: "LabelIcon",
  viewBox: "0 0 14 14",
  d: "M8.50065 13.2665C8.2451 13.5221 7.92843 13.6499 7.55065 13.6499C7.17287 13.6499 6.85621 13.5221 6.60065 13.2665L0.733984 7.39987C0.611762 7.27765 0.51454 7.13321 0.442318 6.96654C0.370095 6.79987 0.333984 6.6221 0.333984 6.43321V1.66654C0.333984 1.29987 0.46454 0.985984 0.725651 0.724873C0.986762 0.463762 1.30065 0.333206 1.66732 0.333206H6.43398C6.62287 0.333206 6.80065 0.369317 6.96732 0.44154C7.13398 0.513762 7.27843 0.610984 7.40065 0.733206L13.2673 6.61654C13.5229 6.8721 13.6507 7.18598 13.6507 7.55821C13.6507 7.93043 13.5229 8.24432 13.2673 8.49987L8.50065 13.2665ZM7.55065 12.3332L12.3173 7.56654L6.43398 1.66654H1.66732V6.43321L7.55065 12.3332ZM3.33398 4.33321C3.61176 4.33321 3.84787 4.23598 4.04232 4.04154C4.23676 3.8471 4.33398 3.61098 4.33398 3.33321C4.33398 3.05543 4.23676 2.81932 4.04232 2.62487C3.84787 2.43043 3.61176 2.33321 3.33398 2.33321C3.05621 2.33321 2.8201 2.43043 2.62565 2.62487C2.43121 2.81932 2.33398 3.05543 2.33398 3.33321C2.33398 3.61098 2.43121 3.8471 2.62565 4.04154C2.8201 4.23598 3.05621 4.33321 3.33398 4.33321Z",
});

export const ContactIcon = createIcon({
  displayName: "ContactIcon",
  viewBox: "0 0 20 20",
  d: "M17.2832 9.42578V8.55664C17.2832 4.52734 14.0156 1.26172 9.98631 1.26172C5.95702 1.26172 2.68944 4.52734 2.68944 8.55664V9.42578C1.82811 10.3125 1.60936 11.6875 2.25975 12.8125C3.04295 14.1699 4.77928 14.6348 6.1367 13.8496C6.51366 13.6328 6.8203 13.3379 7.05272 13.002L4.49022 8.56836C4.29491 8.58398 4.09959 8.62109 3.90623 8.67773V8.55664C3.90623 5.20508 6.63475 2.47852 9.98631 2.47852C13.3379 2.47852 16.0664 5.20508 16.0664 8.55664V8.67773C15.873 8.62109 15.6777 8.58398 15.4824 8.56836L12.9219 13.0039C13.1543 13.3398 13.459 13.6328 13.8379 13.8516C14.1035 14.0039 14.3828 14.0957 14.666 14.1562C14.2265 15.4863 13.039 16.4707 11.6055 16.6309C11.5879 16.1992 11.2344 15.8535 10.7969 15.8535H9.17577C8.7285 15.8535 8.36522 16.2168 8.36522 16.6641C8.36522 17.1113 8.7285 17.4746 9.17577 17.4746H10.7969C11.1074 17.4746 11.373 17.2988 11.5098 17.0449C13.1933 16.918 14.5937 15.7734 15.0762 14.2168C16.1172 14.2832 17.1562 13.7793 17.7129 12.8145C18.3633 11.6895 18.1445 10.3145 17.2832 9.42578Z",
});

export const DraftIcon = () => {
  return (
    <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M11.6649 7.29989L10.4807 6.11564C10.4066 6.04163 10.3063 6.00006 10.2016 6.00006C10.0969 6.00006 9.99652 6.04163 9.9225 6.11564L6.25407 9.78407V11.5265H7.9965L11.6649 7.85807C11.7389 7.78405 11.7805 7.68366 11.7805 7.57898C11.7805 7.47431 11.7389 7.37392 11.6649 7.29989ZM7.66965 10.737H7.04357V10.1109L9.01733 8.13716L9.64341 8.76324L7.66965 10.737ZM10.2016 8.20506L9.57551 7.57898L10.2016 6.95291L10.8277 7.57898L10.2016 8.20506ZM3.09605 5.99998H7.04357V6.78948H3.09605V5.99998ZM3.09605 3.63146H7.83307V4.42097H3.09605V3.63146Z"
        fill="#5A646E"
      />
      <path
        d="M10.2016 1.26295C10.2014 1.05363 10.1181 0.852936 9.97011 0.704921C9.8221 0.556905 9.62141 0.473659 9.41208 0.47345H1.51705C1.30772 0.473659 1.10703 0.556905 0.959013 0.704921C0.810997 0.852936 0.727751 1.05363 0.727542 1.26295V6.39473C0.726662 7.182 0.940202 7.95465 1.34524 8.62973C1.75028 9.30482 2.33152 9.85686 3.02658 10.2266L5.06981 11.3161V10.4212L3.39843 9.52985C2.82973 9.22734 2.35414 8.77569 2.02269 8.22336C1.69123 7.67103 1.51643 7.03888 1.51705 6.39473V1.26295H9.41208V4.81572H10.2016V1.26295Z"
        fill="#5A646E"
      />
    </svg>
  );
};

export const RecommendIcon = createIcon({
  displayName: "RecommendIcon",
  viewBox: "0 0 15 15",
  d: "M13.6667 6.66667L13.25 5.75L12.3333 5.33333L13.25 4.91667L13.6667 4L14.0833 4.91667L15 5.33333L14.0833 5.75L13.6667 6.66667ZM11.6667 4L11.0333 2.63333L9.66667 2L11.0333 1.36667L11.6667 0L12.3 1.36667L13.6667 2L12.3 2.63333L11.6667 4ZM5 14.6667C4.63333 14.6667 4.31933 14.536 4.058 14.2747C3.79667 14.0133 3.66622 13.6996 3.66667 13.3333H6.33333C6.33333 13.7 6.20267 14.014 5.94133 14.2753C5.68 14.5367 5.36622 14.6671 5 14.6667ZM2.33333 12.6667V11.3333H7.66667V12.6667H2.33333ZM2.5 10.6667C1.73333 10.2111 1.12489 9.6 0.674667 8.83333C0.224445 8.06667 -0.000443787 7.23333 6.57462e-07 6.33333C6.57462e-07 4.94444 0.486223 3.76378 1.45867 2.79133C2.43111 1.81889 3.61156 1.33289 5 1.33333C6.38889 1.33333 7.56956 1.81956 8.542 2.792C9.51444 3.76444 10.0004 4.94489 10 6.33333C10 7.23333 9.77511 8.06667 9.32533 8.83333C8.87556 9.6 8.26711 10.2111 7.5 10.6667H2.5ZM2.9 9.33333H7.1C7.6 8.97778 7.98622 8.53889 8.25867 8.01667C8.53111 7.49444 8.66711 6.93333 8.66667 6.33333C8.66667 5.31111 8.31111 4.44444 7.6 3.73333C6.88889 3.02222 6.02222 2.66667 5 2.66667C3.97778 2.66667 3.11111 3.02222 2.4 3.73333C1.68889 4.44444 1.33333 5.31111 1.33333 6.33333C1.33333 6.93333 1.46933 7.49444 1.74133 8.01667C2.01333 8.53889 2.39956 8.97778 2.9 9.33333Z",
});

export const AutoScalingIcon = createIcon({
  displayName: "AutoScalingIcon",
  viewBox: "0 0 12 14",
  d: "M1.33333 9.6335L5.33333 11.9502V7.3835L1.33333 5.06683V9.6335ZM6.66667 11.9502L10.6667 9.6335V5.06683L6.66667 7.3835V11.9502ZM2.05 3.95016L6 6.2335L9.95 3.95016L6 1.66683L2.05 3.95016ZM0 10.4168V4.35016C0 4.10572 0.0583333 3.8835 0.175 3.6835C0.291667 3.4835 0.455556 3.32238 0.666667 3.20016L5.33333 0.516829C5.54444 0.394607 5.76667 0.333496 6 0.333496C6.23333 0.333496 6.45556 0.394607 6.66667 0.516829L11.3333 3.20016C11.5444 3.32238 11.7083 3.4835 11.825 3.6835C11.9417 3.8835 12 4.10572 12 4.35016V9.65016C12 9.89461 11.9417 10.1168 11.825 10.3168C11.7083 10.5168 11.5444 10.6779 11.3333 10.8002L6.66667 13.4835C6.45556 13.6057 6.23333 13.6668 6 13.6668C5.76667 13.6668 5.54444 13.6057 5.33333 13.4835L0 10.4168Z",
});

export const ChatIcon = createIcon({
  displayName: "ChatIcon",
  viewBox: "0 0 20 21",
  d: "M11.7134 16.6098L13.9753 14.2928L13.9844 14.2812C15.5718 13.1448 16.6283 11.2483 16.6283 9.14713C16.6283 5.68744 13.8236 2.88281 10.3639 2.88281C6.90424 2.88281 4.09961 5.68744 4.09961 9.14713C4.09961 12.6068 6.90424 15.4115 10.3639 15.4115C10.6616 15.4115 10.7798 15.3995 11.0664 15.3594L11.2242 15.7372L11.3923 16.0568L11.5858 16.4184L11.7134 16.6098ZM15.0631 15.3284L15.0465 15.3429L12.1399 18.3203L11.4942 18.9818L10.98 18.2136L10.0959 16.8927C5.95221 16.7279 2.59961 13.3297 2.59961 9.14713C2.59961 4.85902 6.07581 1.38281 10.3639 1.38281C14.652 1.38281 18.1283 4.85902 18.1283 9.14713C18.1283 11.6705 16.9231 13.9124 15.0631 15.3284ZM8.38808 7.11434C8.13102 7.11434 7.89026 7.24022 7.74359 7.45132L6.4964 9.24628L6.48713 9.2511L6.49009 9.25537L6.48713 9.25963L6.49641 9.26445L7.74381 11.0595C7.89049 11.2705 8.13123 11.3964 8.38827 11.3964L9.37073 11.3964L8.25818 9.25537L9.37072 7.11434H8.38808ZM11.593 11.4143C11.1824 11.4143 10.8495 11.0814 10.8495 10.6707C10.8495 10.2601 11.1824 9.92719 11.593 9.92719H13.2784C13.6891 9.92719 14.022 10.2601 14.022 10.6707C14.022 11.0814 13.6891 11.4143 13.2784 11.4143H11.593Z",
});

export const PATIcon = createIcon({
  displayName: "PATIcon",
  viewBox: "0 0 16 16",
  d: "M6.00033 13.3332C4.51144 13.3332 3.25033 12.8166 2.21699 11.7832C1.18366 10.7499 0.666992 9.48879 0.666992 7.9999C0.666992 6.51101 1.18366 5.2499 2.21699 4.21657C3.25033 3.18324 4.51144 2.66657 6.00033 2.66657C7.48921 2.66657 8.75033 3.18324 9.78366 4.21657C10.817 5.2499 11.3337 6.51101 11.3337 7.9999C11.3337 9.48879 10.817 10.7499 9.78366 11.7832C8.75033 12.8166 7.48921 13.3332 6.00033 13.3332ZM6.00033 11.9999C7.11144 11.9999 8.05588 11.611 8.83366 10.8332C9.61144 10.0555 10.0003 9.11101 10.0003 7.9999C10.0003 6.88879 9.61144 5.94435 8.83366 5.16657C8.05588 4.38879 7.11144 3.9999 6.00033 3.9999C4.88921 3.9999 3.94477 4.38879 3.16699 5.16657C2.38921 5.94435 2.00033 6.88879 2.00033 7.9999C2.00033 9.11101 2.38921 10.0555 3.16699 10.8332C3.94477 11.611 4.88921 11.9999 6.00033 11.9999ZM6.00033 10.3332C6.18921 10.3332 6.34766 10.2692 6.47566 10.1412C6.60321 10.0137 6.66699 9.85546 6.66699 9.66657V6.9999H7.50033C7.64477 6.9999 7.76433 6.95257 7.85899 6.8579C7.95321 6.76368 8.00033 6.64435 8.00033 6.4999C8.00033 6.35546 7.95321 6.2359 7.85899 6.14124C7.76433 6.04701 7.64477 5.9999 7.50033 5.9999H4.50033C4.35588 5.9999 4.23655 6.04701 4.14233 6.14124C4.04766 6.2359 4.00033 6.35546 4.00033 6.4999C4.00033 6.64435 4.04766 6.76368 4.14233 6.8579C4.23655 6.95257 4.35588 6.9999 4.50033 6.9999H5.33366V9.66657C5.33366 9.85546 5.39766 10.0137 5.52566 10.1412C5.65321 10.2692 5.81144 10.3332 6.00033 10.3332ZM12.367 5.33324L11.8337 4.16657L10.667 3.63324C10.5448 3.57768 10.4837 3.47768 10.4837 3.33324C10.4837 3.18879 10.5448 3.08879 10.667 3.03324L11.8337 2.4999L12.367 1.33324C12.4225 1.21101 12.5225 1.1499 12.667 1.1499C12.8114 1.1499 12.9114 1.21101 12.967 1.33324L13.5003 2.4999L14.667 3.03324C14.7892 3.08879 14.8503 3.18879 14.8503 3.33324C14.8503 3.47768 14.7892 3.57768 14.667 3.63324L13.5003 4.16657L12.967 5.33324C12.9114 5.45546 12.8114 5.51657 12.667 5.51657C12.5225 5.51657 12.4225 5.45546 12.367 5.33324ZM12.367 14.6666L11.8337 13.4999L10.667 12.9666C10.5448 12.911 10.4837 12.811 10.4837 12.6666C10.4837 12.5221 10.5448 12.4221 10.667 12.3666L11.8337 11.8332L12.367 10.6666C12.4225 10.5443 12.5225 10.4832 12.667 10.4832C12.8114 10.4832 12.9114 10.5443 12.967 10.6666L13.5003 11.8332L14.667 12.3666C14.7892 12.4221 14.8503 12.5221 14.8503 12.6666C14.8503 12.811 14.7892 12.911 14.667 12.9666L13.5003 13.4999L12.967 14.6666C12.9114 14.7888 12.8114 14.8499 12.667 14.8499C12.5225 14.8499 12.4225 14.7888 12.367 14.6666Z",
});

export const InviteIcon = createIcon({
  displayName: "InviteIcon",
  viewBox: "0 0 16 17",
  d: "M13.8333 12.9832C13.8333 12.6332 13.5417 12.3999 13.25 12.3999H2.75C2.4 12.3999 2.16667 12.6916 2.16667 12.9832V13.5666C2.16667 13.9165 2.45833 14.1499 2.75 14.1499H13.25C13.6 14.1499 13.8333 13.8582 13.8333 13.5666V12.9832ZM2.75 11.2332H13.25C14.2417 11.2332 15 11.9916 15 12.9832V13.5666C15 14.5582 14.1833 15.3165 13.25 15.3165H2.75C1.75833 15.3165 1 14.4999 1 13.5666V12.9832C1 11.9916 1.81667 11.2332 2.75 11.2332ZM1 6.74157C1 7.8499 1.93333 8.78323 3.04167 8.78323C3.47735 8.78323 3.88599 8.64803 4.22152 8.41304C5.15023 8.71497 5.20006 10.7082 5.20006 10.7082H6.36367C6.36479 10.7279 6.36581 10.7473 6.36672 10.7666V10.7082H6.36367C6.30536 9.68666 5.96636 8.14717 4.93273 7.52263C5.02964 7.28442 5.08333 7.02139 5.08333 6.74157C5.08333 5.57491 4.15 4.69992 3.04167 4.69992C1.93333 4.69992 1 5.63325 1 6.74157ZM2.16667 6.74157C2.16667 6.21658 2.575 5.86658 3.04167 5.86658C3.50833 5.86658 3.91667 6.27491 3.91667 6.74157C3.91667 7.20824 3.50833 7.61657 3.04167 7.61657C2.575 7.61657 2.16667 7.26657 2.16667 6.74157ZM8.875 3.59159C8.875 3.12492 8.46667 2.71659 8 2.71659C7.53333 2.71659 7.125 3.12492 7.125 3.59159C7.125 4.05825 7.53333 4.46658 8 4.46658C8.46667 4.46658 8.875 4.05825 8.875 3.59159ZM5.95833 3.59159C5.95833 2.48326 6.89167 1.54993 8 1.54993C9.10833 1.54993 10.0417 2.48326 10.0417 3.59159C10.0417 4.49813 9.41725 5.28759 8.58339 5.54501V10.8249H7.41672V5.54504C6.58281 5.28766 5.95833 4.49817 5.95833 3.59159ZM11.9239 8.49276C12.2293 8.67665 12.5838 8.78323 12.9583 8.78323C14.0667 8.78323 15 7.90824 15 6.74157C15 5.57491 14.0667 4.69992 12.9583 4.69992C11.85 4.69992 10.9167 5.63325 10.9167 6.74157C10.9167 6.99684 10.9662 7.24283 11.0559 7.47026C9.95917 8.05903 9.57506 9.66887 9.57506 10.7666V10.8249H10.7417C10.7417 10.8249 10.8554 8.55193 11.9239 8.49276ZM12.0833 6.74157C12.0833 6.21658 12.4917 5.86658 12.9583 5.86658C13.425 5.86658 13.8333 6.27491 13.8333 6.74157C13.8333 7.20824 13.425 7.61657 12.9583 7.61657C12.4917 7.61657 12.0833 7.26657 12.0833 6.74157Z",
});

export const ExpendIcon = createIcon({
  displayName: "expendIcon",
  viewBox: "0 0 16 16",
  d: "M11.2332 11.1613L12.1932 10.2013L8.93983 6.94801L6.7465 9.14135C6.68482 9.20315 6.61156 9.25218 6.53091 9.28563C6.45026 9.31909 6.36381 9.33631 6.2765 9.33631C6.18918 9.33631 6.10273 9.31909 6.02208 9.28563C5.94143 9.25218 5.86817 9.20315 5.8065 9.14135L1.8065 5.13468C1.68185 5.01003 1.61182 4.84096 1.61182 4.66468C1.61182 4.4884 1.68185 4.31933 1.8065 4.19468C1.93115 4.07003 2.10021 4 2.2765 4C2.45278 4 2.62184 4.07003 2.7465 4.19468L6.27316 7.72801L8.4665 5.53468C8.52817 5.47288 8.60143 5.42385 8.68208 5.39039C8.76273 5.35694 8.84918 5.33972 8.9365 5.33972C9.02381 5.33972 9.11026 5.35694 9.19091 5.39039C9.27156 5.42385 9.34482 5.47288 9.4065 5.53468L13.1332 9.25468L14.0932 8.29468C14.1398 8.249 14.1987 8.218 14.2628 8.20552C14.3268 8.19304 14.3931 8.19963 14.4534 8.22447C14.5138 8.24931 14.5655 8.29132 14.6022 8.34527C14.6389 8.39923 14.6589 8.46277 14.6598 8.52801V11.388C14.6598 11.5747 14.5132 11.7213 14.3265 11.7213H11.4665C11.1732 11.728 11.0265 11.368 11.2332 11.1613Z",
});

export const RechargeIcon = createIcon({
  displayName: "rechargeIcon",
  viewBox: "0 0 17 17",
  d: "M11.7664 5.42157L12.7264 6.38157L9.47303 9.6349L7.2797 7.44157C7.21802 7.37977 7.14477 7.33074 7.06412 7.29728C6.98347 7.26383 6.89701 7.24661 6.8097 7.24661C6.72239 7.24661 6.63593 7.26383 6.55528 7.29728C6.47464 7.33074 6.40138 7.37977 6.3397 7.44157L2.3397 11.4482C2.27798 11.51 2.22902 11.5832 2.19562 11.6639C2.16221 11.7445 2.14502 11.8309 2.14502 11.9182C2.14502 12.0055 2.16221 12.092 2.19562 12.1726C2.22902 12.2532 2.27798 12.3265 2.3397 12.3882C2.40142 12.45 2.4747 12.4989 2.55534 12.5323C2.63598 12.5657 2.72241 12.5829 2.8097 12.5829C2.89699 12.5829 2.98342 12.5657 3.06406 12.5323C3.1447 12.4989 3.21798 12.45 3.2797 12.3882L6.80637 8.8549L8.9997 11.0482C9.2597 11.3082 9.6797 11.3082 9.9397 11.0482L13.6664 7.32824L14.6264 8.28824C14.673 8.33392 14.7319 8.36492 14.796 8.3774C14.86 8.38988 14.9263 8.38329 14.9866 8.35845C15.047 8.3336 15.0987 8.2916 15.1354 8.23764C15.1721 8.18368 15.1921 8.12015 15.193 8.0549V5.18824C15.1949 5.14454 15.1877 5.10093 15.172 5.0601C15.1564 5.01927 15.1325 4.98209 15.1019 4.95085C15.0712 4.91961 15.0346 4.89498 14.9941 4.87848C14.9536 4.86198 14.9101 4.85395 14.8664 4.8549H12.0064C11.9406 4.85452 11.8761 4.87362 11.8211 4.9098C11.7662 4.94599 11.7231 4.99763 11.6975 5.05823C11.6718 5.11883 11.6647 5.18567 11.6769 5.25033C11.6892 5.31499 11.7203 5.37457 11.7664 5.42157Z",
});

export const BillingIcon = (props: any) => {
  return (
    <svg
      width={props.size}
      height={props.size}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M5.63269 5.58062C5.27841 5.58062 4.99121 5.86782 4.99121 6.2221C4.99121 6.57638 5.27841 6.86358 5.63269 6.86358H10.297C10.6513 6.86358 10.9385 6.57638 10.9385 6.2221C10.9385 5.86782 10.6513 5.58062 10.297 5.58062H5.63269Z"
        fill={props.color}
      />
      <path
        d="M5.63269 8.3525C5.27841 8.3525 4.99121 8.6397 4.99121 8.99398C4.99121 9.34826 5.27841 9.63546 5.63269 9.63546H8.11926C8.47354 9.63546 8.76074 9.34826 8.76074 8.99398C8.76074 8.6397 8.47354 8.3525 8.11926 8.3525H5.63269Z"
        fill={props.color}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.00222 14.1681C2.00075 14.1361 2 14.1039 2 14.0714V2.92857C2 1.86345 2.80589 1 3.8 1H12.2C13.1941 1 14 1.86345 14 2.92857V14.0714C14 14.1039 13.9993 14.1361 13.9978 14.1682C14.0104 14.3198 13.9694 14.4766 13.8707 14.6075C13.658 14.8893 13.258 14.9448 12.9771 14.7315L11.5149 13.6208L10.0528 14.7315C9.91025 14.8397 9.73705 14.8788 9.57322 14.8541C9.46223 14.8461 9.35097 14.8009 9.25446 14.7166L8.00038 13.6208L6.74629 14.7166C6.64937 14.8013 6.53757 14.8465 6.4261 14.8542C6.26247 14.8786 6.08955 14.8396 5.94723 14.7315L4.48505 13.6208L3.02287 14.7315C2.74201 14.9448 2.34196 14.8893 2.12933 14.6075C2.03055 14.4766 1.9896 14.3198 2.00222 14.1681ZM3.8 2.37143H12.2C12.4872 2.37143 12.72 2.62087 12.72 2.92857V12.9307L11.9165 12.3203C11.8013 12.2267 11.6588 12.178 11.5149 12.1779C11.444 12.1779 11.3727 12.1897 11.3042 12.2138C11.2359 12.2376 11.1712 12.2733 11.1134 12.3203L9.63481 13.4435L8.35195 12.3225C8.34982 12.3207 8.34769 12.3188 8.34555 12.317C8.34099 12.3132 8.3364 12.3094 8.33179 12.3057C8.2356 12.2244 8.11899 12.1829 8.00038 12.1837C7.88176 12.1829 7.76514 12.2244 7.66895 12.3057C7.66217 12.3111 7.65546 12.3167 7.64881 12.3225L6.36559 13.4438L4.88656 12.3203C4.77139 12.2267 4.62886 12.178 4.48505 12.1779C4.41406 12.1779 4.34276 12.1897 4.27428 12.2138C4.20601 12.2376 4.14133 12.2733 4.08354 12.3203L3.28 12.9307V2.92857C3.28 2.62087 3.51281 2.37143 3.8 2.37143Z"
        fill={props.color}
      />
    </svg>
  );
};

export const CostIcon = (props: any) => {
  return (
    <svg
      width={props.size}
      height={props.size}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M13.8662 11.7331V2.42113H12.2962L12.2962 11.7331H13.8662Z" fill={props.color} />
      <path d="M7.16602 11.7318L7.16602 4.26562H5.59602V11.7318H7.16602Z" fill={props.color} />
      <path d="M3.81543 7.38777L3.81543 11.7318H2.24316V7.38777H3.81543Z" fill={props.color} />
      <path d="M1.6084 12.3614H14.3936V13.6443H1.6084V12.3614Z" fill={props.color} />
      <path d="M10.5166 6.16225V11.7331H8.9466L8.9466 6.16225H10.5166Z" fill={props.color} />
    </svg>
  );
};

export const WalletIcon = (props: any) => {
  return (
    <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M13.5 12.0863C13.3968 12.0863 13.2979 12.0453 13.225 11.9724C13.1521 11.8995 13.1111 11.8006 13.1111 11.6974C13.1111 11.5943 13.1521 11.4954 13.225 11.4224C13.2979 11.3495 13.3968 11.3085 13.5 11.3085C13.6031 11.3085 13.702 11.3495 13.775 11.4224C13.8479 11.4954 13.8889 11.5943 13.8889 11.6974C13.8889 11.8006 13.8479 11.8995 13.775 11.9724C13.702 12.0453 13.6031 12.0863 13.5 12.0863Z"
        fill={props.color}
      />
      <path
        d="M3 15.1974H2.25H3ZM4.55556 6.64186V5.89186V6.64186ZM15.4444 6.64186V5.89186V6.64186ZM13.1111 11.6974H12.3611H13.1111ZM14.6667 5.55512H15.4167V5.55491L14.6667 5.55512ZM12.7106 4.05246L12.5174 3.32775L12.5173 3.32777L12.7106 4.05246ZM4.155 6.33368L4.34813 7.05839L4.34823 7.05836L4.155 6.33368ZM3 7.83712H3.75L3.75 7.83696L3 7.83712ZM15.4444 16.003H4.55556V17.503H15.4444V16.003ZM4.55556 16.003C4.34191 16.003 4.13701 15.9181 3.98594 15.767L2.92528 16.8277C3.35766 17.2601 3.94408 17.503 4.55556 17.503V16.003ZM3.98594 15.767C3.83487 15.616 3.75 15.4111 3.75 15.1974H2.25C2.25 15.8089 2.49291 16.3953 2.92528 16.8277L3.98594 15.767ZM3.75 15.1974V8.19742H2.25V15.1974H3.75ZM3.75 8.19742C3.75 7.98377 3.83487 7.77887 3.98594 7.6278L2.92528 6.56714C2.49291 6.99952 2.25 7.58595 2.25 8.19742H3.75ZM3.98594 7.6278C4.13701 7.47673 4.34191 7.39186 4.55556 7.39186V5.89186C3.94408 5.89186 3.35766 6.13477 2.92528 6.56714L3.98594 7.6278ZM4.55556 7.39186H15.4444V5.89186H4.55556V7.39186ZM15.4444 7.39186C15.6581 7.39186 15.863 7.47673 16.0141 7.6278L17.0747 6.56714C16.6423 6.13477 16.0559 5.89186 15.4444 5.89186V7.39186ZM16.0141 7.6278C16.1651 7.77887 16.25 7.98377 16.25 8.19742H17.75C17.75 7.58595 17.5071 6.99952 17.0747 6.56714L16.0141 7.6278ZM16.25 8.19742V15.1974H17.75V8.19742H16.25ZM16.25 15.1974C16.25 15.4111 16.1651 15.616 16.0141 15.767L17.0747 16.8277C17.5071 16.3953 17.75 15.8089 17.75 15.1974H16.25ZM16.0141 15.767C15.863 15.9181 15.6581 16.003 15.4444 16.003V17.503C16.0559 17.503 16.6423 17.2601 17.0747 16.8277L16.0141 15.767ZM13.5 11.3363C13.5958 11.3363 13.6876 11.3744 13.7553 11.4421L12.6947 12.5027C12.9082 12.7163 13.1979 12.8363 13.5 12.8363V11.3363ZM13.7553 11.4421C13.823 11.5098 13.8611 11.6016 13.8611 11.6974H12.3611C12.3611 11.9995 12.4811 12.2892 12.6947 12.5027L13.7553 11.4421ZM13.8611 11.6974C13.8611 11.7932 13.823 11.885 13.7553 11.9528L12.6947 10.8921C12.4811 11.1057 12.3611 11.3954 12.3611 11.6974H13.8611ZM13.7553 11.9528C13.6876 12.0205 13.5958 12.0585 13.5 12.0585V10.5585C13.1979 10.5585 12.9082 10.6785 12.6947 10.8921L13.7553 11.9528ZM13.5 12.0585C13.4042 12.0585 13.3124 12.0205 13.2446 11.9528L14.3053 10.8921C14.0917 10.6785 13.802 10.5585 13.5 10.5585V12.0585ZM13.2446 11.9528C13.1769 11.885 13.1389 11.7932 13.1389 11.6974H14.6389C14.6389 11.3954 14.5189 11.1057 14.3053 10.8921L13.2446 11.9528ZM13.1389 11.6974C13.1389 11.6016 13.1769 11.5098 13.2446 11.4421L14.3053 12.5027C14.5189 12.2891 14.6389 11.9995 14.6389 11.6974H13.1389ZM13.2446 11.4421C13.3124 11.3744 13.4042 11.3363 13.5 11.3363V12.8363C13.802 12.8363 14.0917 12.7163 14.3053 12.5027L13.2446 11.4421ZM15.4167 6.64168V5.55512H13.9167V6.64168H15.4167ZM15.4167 5.55491C15.4166 5.20159 15.3353 4.85302 15.179 4.53611L13.8336 5.19936C13.8882 5.31009 13.9166 5.43188 13.9167 5.55533L15.4167 5.55491ZM15.179 4.53611C15.0228 4.2192 14.7958 3.94244 14.5156 3.7272L13.6019 4.91673C13.6997 4.99194 13.7791 5.08864 13.8336 5.19936L15.179 4.53611ZM14.5156 3.7272C14.2354 3.51196 13.9095 3.36399 13.5631 3.29473L13.269 4.76563C13.3901 4.78983 13.504 4.84153 13.6019 4.91673L14.5156 3.7272ZM13.5631 3.29473C13.2166 3.22547 12.8588 3.23677 12.5174 3.32775L12.9037 4.77716C13.023 4.74538 13.148 4.74143 13.269 4.76563L13.5631 3.29473ZM12.5173 3.32777L3.96177 5.609L4.34823 7.05836L12.9038 4.77714L12.5173 3.32777ZM3.96188 5.60897C3.47085 5.73982 3.03682 6.02923 2.72724 6.4322L3.91675 7.34602C4.02491 7.20522 4.17656 7.10411 4.34813 7.05839L3.96188 5.60897ZM2.72724 6.4322C2.41766 6.83517 2.24989 7.32913 2.25 7.83729L3.75 7.83696C3.74996 7.65941 3.80858 7.48682 3.91675 7.34602L2.72724 6.4322ZM2.25 7.83712L2.25 8.19742H3.75L3.75 7.83712H2.25Z"
        fill={props.color}
      />
    </svg>
  );
};

export const CardIcon = (props: any) => {
  return (
    <svg
      width={props.size}
      height={props.size}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M15 4.8C15 3.80589 14.1941 3 13.2 3H2.8C1.80589 3 1 3.80589 1 4.8V11.2C1 12.1941 1.80589 13 2.8 13H13.2C14.1941 13 15 12.1941 15 11.2V4.8ZM2.8 4.28H13.2C13.4872 4.28 13.72 4.51281 13.72 4.8V5.44688H4.61121C4.25693 5.44688 3.96973 5.73408 3.96973 6.08836C3.96973 6.44264 4.25693 6.72984 4.61121 6.72984H13.72V11.2C13.72 11.4872 13.4872 11.72 13.2 11.72H2.8C2.51281 11.72 2.28 11.4872 2.28 11.2V4.8C2.28 4.51281 2.51281 4.28 2.8 4.28Z"
        fill={props.color}
      />
    </svg>
  );
};

export const ChargeIcon = (props: any) => {
  return (
    <svg
      width={props.size}
      height={props.size}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M5.94565 4.57954C6.17521 4.36085 6.53858 4.36967 6.75727 4.59923L7.99384 5.89728L9.23041 4.59923C9.44909 4.36967 9.81247 4.36085 10.042 4.57954C10.2716 4.79823 10.2804 5.1616 10.0617 5.39116L8.57403 6.95283V7.12552H9.68853C10.0056 7.12552 10.2626 7.38254 10.2626 7.69959C10.2626 8.01664 10.0056 8.27366 9.68853 8.27366H8.57403V8.83994H9.68853C10.0056 8.83994 10.2626 9.09697 10.2626 9.41402C10.2626 9.73107 10.0056 9.98809 9.68853 9.98809H8.57403V11.0048C8.57403 11.3219 8.31701 11.5789 7.99996 11.5789C7.6829 11.5789 7.42588 11.3219 7.42588 11.0048V9.98809H6.31138C5.99433 9.98809 5.7373 9.73107 5.7373 9.41402C5.7373 9.09697 5.99433 8.83994 6.31138 8.83994H7.42588V8.27366H6.31138C5.99433 8.27366 5.7373 8.01664 5.7373 7.69959C5.7373 7.38254 5.99433 7.12552 6.31138 7.12552H7.42588V6.96545L7.41648 6.9558L5.92596 5.39116C5.70727 5.1616 5.71608 4.79823 5.94565 4.57954Z"
        fill={props.color}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M14.9835 7.99173C14.9835 11.8532 11.8532 14.9835 7.99173 14.9835C4.13031 14.9835 1 11.8532 1 7.99173C1 4.13031 4.13031 1 7.99173 1C11.8532 1 14.9835 4.13031 14.9835 7.99173ZM13.7335 7.99173C13.7335 11.1628 11.1628 13.7335 7.99173 13.7335C4.82066 13.7335 2.25 11.1628 2.25 7.99173C2.25 4.82066 4.82066 2.25 7.99173 2.25C11.1628 2.25 13.7335 4.82066 13.7335 7.99173Z"
        fill={props.color}
      />
    </svg>
  );
};

export const StandardIcon = (props: any) => {
  return (
    <svg
      width={props.size}
      height={props.size}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <mask id="mask0_10350_9268" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
        <rect width="20" height="20" fill="#D9D9D9" />
      </mask>
      <g mask="url(#mask0_10350_9268)">
        <path
          d="M2.66699 13.3333V2.66666H4.00033V13.3333H2.66699ZM12.0003 13.3333V2.66666H13.3337V13.3333H12.0003ZM4.90033 11.3333L7.40033 4.66666H8.60033L11.1003 11.3333H9.95033L9.35033 9.63333H6.65033L6.05033 11.3333H4.90033ZM7.00033 8.66666H9.00033L8.03366 5.9H7.96699L7.00033 8.66666Z"
          fill={props.color}
        />
      </g>
    </svg>
  );
};

export const ENVIcon = (props: any) => {
  return (
    <svg
      width={props.fontSize}
      height={props.fontSize}
      viewBox="0 0 15 14"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M5.08375 8.51084V8.94951H4.3225V9.46109H5.1835V9.91668H3.75433V7.58334H5.1835V8.03893H4.3225V8.51084H5.08375Z"
        fill={props.color}
      />
      <path
        d="M10.4335 4.66668H9.85018V3.50001C9.85018 2.72646 9.54289 1.9846 8.99591 1.43762C8.44893 0.890634 7.70706 0.583344 6.93351 0.583344C6.15996 0.583344 5.4181 0.890634 4.87112 1.43762C4.32414 1.9846 4.01685 2.72646 4.01685 3.50001V4.66668H3.43351C3.12438 4.6676 2.82817 4.79081 2.60957 5.00941C2.39098 5.228 2.26777 5.52421 2.26685 5.83334V11.6667C2.26777 11.9758 2.39098 12.272 2.60957 12.4906C2.82817 12.7092 3.12438 12.8324 3.43351 12.8333H10.4335C10.7426 12.8324 11.0389 12.7092 11.2575 12.4906C11.476 12.272 11.5993 11.9758 11.6002 11.6667V5.83334C11.5993 5.52421 11.476 5.228 11.2575 5.00941C11.0389 4.79081 10.7426 4.6676 10.4335 4.66668ZM5.12518 3.50001C5.12518 3.26254 5.17195 3.02739 5.26283 2.80799C5.35371 2.58859 5.48691 2.38924 5.65483 2.22133C5.82275 2.05341 6.0221 1.92021 6.24149 1.82933C6.46089 1.73845 6.69604 1.69168 6.93351 1.69168C7.17099 1.69168 7.40613 1.73845 7.62553 1.82933C7.84493 1.92021 8.04428 2.05341 8.2122 2.22133C8.38012 2.38924 8.51332 2.58859 8.6042 2.80799C8.69507 3.02739 8.74185 3.26254 8.74185 3.50001V4.66668H5.12518V3.50001ZM10.4335 11.6667H3.43351V5.83334H10.4335V11.6667Z"
        fill={props.color}
      />
      <path
        d="M7.61485 9.91668H7.04668L6.09585 8.47759V9.91668H5.52768V7.58334H6.09585L7.04668 9.02943V7.58334H7.61485V9.91668ZM9.32576 9.91668H8.6246L7.80851 7.58334H8.39185L8.97518 9.33334L9.55851 7.58334H10.1418L9.32576 9.91668Z"
        fill={props.color}
      />
    </svg>
  );
};

export const DomainIcon = createIcon({
  displayName: "DomainIcon",
  viewBox: "0 0 14 15",
  d: "M6.99967 0.833252C3.31767 0.833252 0.333008 3.81792 0.333008 7.49992C0.333008 11.1819 3.31767 14.1666 6.99967 14.1666C10.6817 14.1666 13.6663 11.1819 13.6663 7.49992C13.6663 3.81792 10.6817 0.833252 6.99967 0.833252ZM11.6117 4.83325H9.46834C9.3687 4.08312 9.24307 3.33667 9.09167 2.59525C10.1503 3.05121 11.0339 3.83594 11.6117 4.83325ZM7.67567 2.21459C7.72101 2.44925 7.93367 3.57325 8.10567 4.83325H5.89367C6.06567 3.57325 6.27834 2.44925 6.32367 2.21459C6.54567 2.18592 6.77034 2.16659 6.99967 2.16659C7.22901 2.16659 7.45367 2.18592 7.67567 2.21459ZM8.33301 7.49992C8.33301 7.89858 8.30434 8.35725 8.26034 8.83325H5.73901C5.69501 8.35725 5.66634 7.89858 5.66634 7.49992C5.66634 7.10125 5.69501 6.64258 5.73901 6.16658H8.26034C8.30434 6.64258 8.33301 7.10125 8.33301 7.49992ZM4.90767 2.59525C4.75628 3.33667 4.63065 4.08312 4.53101 4.83325H2.38767C2.96548 3.83594 3.84909 3.05121 4.90767 2.59525ZM1.84167 6.16658H4.38901C4.35501 6.61192 4.33301 7.06258 4.33301 7.49992C4.33301 7.93725 4.35501 8.38792 4.38967 8.83325H1.84167C1.73101 8.40592 1.66634 7.96125 1.66634 7.49992C1.66634 7.03858 1.73167 6.59392 1.84167 6.16658ZM2.38767 10.1666H4.53101C4.65634 11.1159 4.81101 11.9333 4.90767 12.4046C3.84909 11.9486 2.96548 11.1639 2.38767 10.1666ZM6.32367 12.7853C6.15788 11.9162 6.0145 11.043 5.89367 10.1666H8.10567C7.98455 11.043 7.84117 11.9161 7.67567 12.7853C7.45367 12.8139 7.22901 12.8333 6.99967 12.8333C6.77034 12.8333 6.54567 12.8139 6.32367 12.7853ZM9.09167 12.4046C9.18834 11.9333 9.34301 11.1159 9.46834 10.1666H11.6117C11.0339 11.1639 10.1503 11.9486 9.09167 12.4046ZM12.1577 8.83325H9.61034C9.64434 8.38792 9.66634 7.93725 9.66634 7.49992C9.66634 7.06258 9.64434 6.61192 9.60967 6.16658H12.157C12.2677 6.59392 12.333 7.03858 12.333 7.49992C12.333 7.96125 12.2683 8.40592 12.1577 8.83325Z",
});

export const FilterIcon = createIcon({
  displayName: "FilterIcon",
  viewBox: "0 0 10 8",
  d: "M9.5 0V1H9L6.5 4.75V9H3.5V4.75L1 1H0.5V0H9.5ZM2.202 1L4.5 4.447V8H5.5V4.447L7.798 1H2.202Z",
});

export const CalendarIcon = createIcon({
  displayName: "CalendarIcon",
  viewBox: "0 0 12 12",
  d: "M2.5 11C2.225 11 1.9895 10.9022 1.7935 10.7065C1.59783 10.5105 1.5 10.275 1.5 10V3C1.5 2.725 1.59783 2.48967 1.7935 2.294C1.9895 2.098 2.225 2 2.5 2H3V1.4875C3 1.34583 3.04783 1.22917 3.1435 1.1375C3.2395 1.04583 3.35833 1 3.5 1C3.64167 1 3.7605 1.04783 3.8565 1.1435C3.95217 1.2395 4 1.35833 4 1.5V2H8V1.4875C8 1.34583 8.048 1.22917 8.144 1.1375C8.23967 1.04583 8.35833 1 8.5 1C8.64167 1 8.76033 1.04783 8.856 1.1435C8.952 1.2395 9 1.35833 9 1.5V2H9.5C9.775 2 10.0105 2.098 10.2065 2.294C10.4022 2.48967 10.5 2.725 10.5 3V10C10.5 10.275 10.4022 10.5105 10.2065 10.7065C10.0105 10.9022 9.775 11 9.5 11H2.5ZM2.5 10H9.5V5H2.5V10ZM2.5 4H9.5V3H2.5V4ZM2.5 4V3V4Z",
});

export const ExitIcon = createIcon({
  displayName: "ExitIcon",
  viewBox: "0 0 20 20",
  d: "M16.9238 14.3413H15.5891C15.4979 14.3413 15.4125 14.3811 15.3555 14.4514C15.2226 14.6128 15.0802 14.7685 14.9302 14.9166C14.3168 15.5306 13.5901 16.02 12.7905 16.3576C11.962 16.7076 11.0715 16.8871 10.1722 16.8855C9.26276 16.8855 8.38179 16.707 7.55398 16.3576C6.75432 16.02 6.02766 15.5306 5.4142 14.9166C4.79963 14.3045 4.30959 13.5792 3.97122 12.7806C3.61997 11.9528 3.4434 11.0737 3.4434 10.1642C3.4434 9.25478 3.62187 8.3757 3.97122 7.54789C4.30918 6.74856 4.79524 6.02897 5.4142 5.41191C6.03316 4.79484 6.75275 4.30879 7.55398 3.97083C8.38179 3.62148 9.26276 3.443 10.1722 3.443C11.0817 3.443 11.9626 3.61958 12.7905 3.97083C13.5917 4.30879 14.3113 4.79484 14.9302 5.41191C15.0802 5.5619 15.2207 5.71759 15.3555 5.87708C15.4125 5.94733 15.4998 5.9872 15.5891 5.9872H16.9238C17.0434 5.9872 17.1175 5.85429 17.051 5.75366C15.5948 3.49047 13.0468 1.99243 10.1513 2.00003C5.60216 2.01142 1.95485 5.7043 2.00042 10.2478C2.04599 14.7191 5.6876 18.3284 10.1722 18.3284C13.0601 18.3284 15.5967 16.8323 17.051 14.5748C17.1156 14.4742 17.0434 14.3413 16.9238 14.3413ZM18.6117 10.0446L15.9175 7.91813C15.8169 7.83838 15.6707 7.91053 15.6707 8.03774V9.48072H9.70895C9.62541 9.48072 9.55705 9.54907 9.55705 9.63261V10.6959C9.55705 10.7794 9.62541 10.8477 9.70895 10.8477H15.6707V12.2907C15.6707 12.4179 15.8188 12.4901 15.9175 12.4103L18.6117 10.2838C18.6299 10.2696 18.6446 10.2515 18.6547 10.2308C18.6648 10.21 18.67 10.1873 18.67 10.1642C18.67 10.1412 18.6648 10.1184 18.6547 10.0977C18.6446 10.077 18.6299 10.0588 18.6117 10.0446Z",
});

export const GroupIcon = createIcon({
  displayName: "GroupIcon",
  viewBox: "0 0 20 20",
  d: "M10.4688 16.2621C10.0508 16.3374 9.62449 16.3792 9.18977 16.3792C7.89397 16.3792 6.61489 16.0281 5.50301 15.3593L5.20205 15.1837L3.50497 15.6435C3.03681 15.7689 2.61045 15.3425 2.73585 14.8744L3.19565 13.1773C3.02009 12.8847 2.91141 12.6841 2.85289 12.5754C2.28441 11.5388 1.99181 10.3767 2.00017 9.18959C2.00017 5.2186 5.21877 2 9.18977 2C12.8096 2 15.8109 4.68356 16.3041 8.16967C17.7755 9.08091 18.67 10.686 18.67 12.4166C18.67 13.2526 18.461 14.0551 18.0764 14.7741C18.043 14.8409 17.9761 14.9496 17.8842 15.1085L18.1684 16.1535C18.2938 16.6216 17.8674 17.048 17.3993 16.9226L16.3543 16.6383L16.2289 16.7136C15.4514 17.1817 14.5652 17.4242 13.6624 17.4242C12.492 17.4158 11.3634 17.0145 10.4688 16.2621ZM12.0238 15.794C12.5338 16.0448 13.0939 16.1702 13.6624 16.1702C14.3395 16.1702 15.0083 15.9863 15.5852 15.6351C15.627 15.6101 15.744 15.5432 15.9446 15.4261C16.0868 15.3425 16.2623 15.3175 16.4212 15.3676L16.6636 15.4345L16.5967 15.1921C16.5549 15.0249 16.5716 14.8577 16.6636 14.7072C16.7639 14.54 16.8642 14.3644 16.9646 14.1972C17.2572 13.6538 17.4076 13.0436 17.4076 12.4249C17.4076 11.4468 17.0231 10.5021 16.3376 9.80823C16.1202 12.4918 14.4064 14.7657 12.0238 15.794ZM4.46637 13.2526L4.22393 14.1471L5.11845 13.9046C5.27729 13.8628 5.45285 13.8796 5.59497 13.9715C5.89593 14.1471 6.07149 14.2474 6.13001 14.2892C7.04961 14.8409 8.10297 15.1335 9.18141 15.1335C12.4585 15.1335 15.117 12.4751 15.117 9.19795C15.117 5.92084 12.4585 3.26236 9.18141 3.26236C5.90429 3.26236 3.24581 5.92084 3.24581 9.19795C3.24581 10.1928 3.48825 11.1458 3.94805 11.9986C4.00657 12.1156 4.16541 12.3748 4.39949 12.776C4.49145 12.9182 4.50817 13.0937 4.46637 13.2526ZM11.7897 6.99928C12.1325 6.99928 12.4167 7.27516 12.4167 7.62628C12.4167 7.96903 12.1408 8.25327 11.7897 8.25327H6.58145C6.23869 8.25327 5.95445 7.97739 5.95445 7.62628C5.95445 7.28352 6.23033 6.99928 6.58145 6.99928H11.7897ZM9.29009 10.1259C9.63285 10.1259 9.91709 10.4018 9.91709 10.7529C9.91709 11.0957 9.64121 11.3799 9.29009 11.3799H6.58145C6.23869 11.3799 5.95445 11.104 5.95445 10.7529C5.95445 10.4102 6.23033 10.1259 6.58145 10.1259H9.29009Z",
});

export const DeleteIcon = createIcon({
  displayName: "DeleteIcon",
  viewBox: "0 0 15 14",
  d: "M4.01687 11.0833C4.01687 11.3928 4.13978 11.6895 4.35857 11.9083C4.57737 12.1271 4.87411 12.25 5.18353 12.25H9.8502C10.1596 12.25 10.4564 12.1271 10.6752 11.9083C10.894 11.6895 11.0169 11.3928 11.0169 11.0833V4.08333H4.01687V11.0833ZM5.18353 5.25H9.8502V11.0833H5.18353V5.25ZM9.55853 2.33333L8.9752 1.75H6.05853L5.4752 2.33333H3.43353V3.5H11.6002V2.33333H9.55853Z",
});

export const RestoreIcon = createIcon({
  displayName: "RestoreIcon",
  viewBox: "0 0 16 17",
  d: "M8 2.5C6.4087 2.5 4.88258 3.13214 3.75736 4.25736C2.63214 5.38258 2 6.9087 2 8.5H0L2.66667 11.1667L5.33333 8.5H3.33333C3.33333 7.26232 3.825 6.07534 4.70017 5.20017C5.57534 4.325 6.76232 3.83333 8 3.83333C9.23768 3.83333 10.4247 4.325 11.2998 5.20017C12.175 6.07534 12.6667 7.26232 12.6667 8.5C12.6667 9.73768 12.175 10.9247 11.2998 11.7998C10.4247 12.675 9.23768 13.1667 8 13.1667C7 13.1667 6.06 12.8333 5.29333 12.3L4.33333 13.26C5.38772 14.062 6.67529 14.4974 8 14.5C9.5913 14.5 11.1174 13.8679 12.2426 12.7426C13.3679 11.6174 14 10.0913 14 8.5C14 6.9087 13.3679 5.38258 12.2426 4.25736C11.1174 3.13214 9.5913 2.5 8 2.5ZM9.33333 8.5C9.33333 8.14638 9.19286 7.80724 8.94281 7.55719C8.69276 7.30714 8.35362 7.16667 8 7.16667C7.64638 7.16667 7.30724 7.30714 7.05719 7.55719C6.80714 7.80724 6.66667 8.14638 6.66667 8.5C6.66667 8.85362 6.80714 9.19276 7.05719 9.44281C7.30724 9.69286 7.64638 9.83333 8 9.83333C8.35362 9.83333 8.69276 9.69286 8.94281 9.44281C9.19286 9.19276 9.33333 8.85362 9.33333 8.5Z",
});

export const GoSelectIcon = () => {
  return (
    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M2.66667 11.8333H7.33334M13.3333 9.83329L10.6667 12.5L9.33334 11.1666M2.66667 8.49996H10M2.66667 5.16663H10"
        stroke="#5A646E"
        strokeWidth="1.4"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export const MonitorIcon = createIcon({
  displayName: "MonitorIcon",
  viewBox: "0 0 14 12",
  d: "M1.00017 4.00008C0.811276 4.00008 0.652832 3.93608 0.524832 3.80808C0.396832 3.68008 0.333054 3.52186 0.333498 3.33342V2.00008C0.333498 1.63342 0.464165 1.31942 0.725498 1.05808C0.986832 0.796749 1.30061 0.666305 1.66683 0.666749H12.3335C12.7002 0.666749 13.0142 0.797416 13.2755 1.05875C13.5368 1.32008 13.6673 1.63386 13.6668 2.00008V3.33342C13.6668 3.5223 13.6028 3.68075 13.4748 3.80875C13.3468 3.93675 13.1886 4.00053 13.0002 4.00008C12.8113 4.00008 12.6528 3.93608 12.5248 3.80808C12.3968 3.68008 12.3331 3.52186 12.3335 3.33342V2.00008H1.66683V3.33342C1.66683 3.5223 1.60283 3.68075 1.47483 3.80875C1.34683 3.93675 1.18861 4.00053 1.00017 4.00008ZM1.66683 11.3334C1.30017 11.3334 0.986165 11.2027 0.724832 10.9414C0.463498 10.6801 0.333054 10.3663 0.333498 10.0001V8.66675C0.333498 8.47786 0.397498 8.31942 0.525498 8.19142C0.653498 8.06342 0.811721 7.99964 1.00017 8.00008C1.18905 8.00008 1.3475 8.06408 1.4755 8.19208C1.6035 8.32008 1.66728 8.4783 1.66683 8.66675V10.0001H12.3335V8.66675C12.3335 8.47786 12.3975 8.31942 12.5255 8.19142C12.6535 8.06342 12.8117 7.99964 13.0002 8.00008C13.1891 8.00008 13.3475 8.06408 13.4755 8.19208C13.6035 8.32008 13.6673 8.4783 13.6668 8.66675V10.0001C13.6668 10.3667 13.5362 10.6807 13.2748 10.9421C13.0135 11.2034 12.6997 11.3339 12.3335 11.3334H1.66683ZM5.66683 9.33342C5.78905 9.33342 5.90572 9.30275 6.01683 9.24142C6.12794 9.18008 6.21128 9.08853 6.26683 8.96675L8.3335 4.83342L9.06683 6.30008C9.12239 6.4223 9.20572 6.51408 9.31683 6.57542C9.42794 6.63675 9.54461 6.66719 9.66683 6.66675H13.0002C13.1891 6.66675 13.3475 6.60275 13.4755 6.47475C13.6035 6.34675 13.6673 6.18853 13.6668 6.00008C13.6668 5.81119 13.6028 5.65275 13.4748 5.52475C13.3468 5.39675 13.1886 5.33297 13.0002 5.33342H10.0835L8.9335 3.03342C8.81128 2.81119 8.61128 2.70008 8.3335 2.70008C8.05572 2.70008 7.85572 2.81119 7.7335 3.03342L5.66683 7.16675L4.9335 5.70008C4.87794 5.57786 4.79461 5.48608 4.6835 5.42475C4.57239 5.36342 4.45572 5.33297 4.3335 5.33342H1.00017C0.811276 5.33342 0.652832 5.39742 0.524832 5.52542C0.396832 5.65342 0.333054 5.81164 0.333498 6.00008C0.333498 6.18897 0.397498 6.34742 0.525498 6.47542C0.653498 6.60342 0.811721 6.66719 1.00017 6.66675H3.91683L5.06683 8.96675C5.12239 9.08897 5.20572 9.18075 5.31683 9.24208C5.42794 9.30342 5.54461 9.33386 5.66683 9.33342Z",
});

export const CollaborateIcon = () => {
  return (
    <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
      <mask id="mask0_8723_8362" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="17">
        <rect y="0.5" width="16" height="16" fill="#D9D9D9" />
      </mask>
      <g mask="url(#mask0_8723_8362)">
        <path
          d="M8.33333 8.46675C8.65556 8.11119 8.90278 7.70564 9.075 7.25008C9.24722 6.79453 9.33333 6.3223 9.33333 5.83341C9.33333 5.34453 9.24722 4.8723 9.075 4.41675C8.90278 3.96119 8.65556 3.55564 8.33333 3.20008C9 3.28897 9.55556 3.58341 10 4.08341C10.4444 4.58341 10.6667 5.16675 10.6667 5.83341C10.6667 6.50008 10.4444 7.08341 10 7.58342C9.55556 8.08342 9 8.37786 8.33333 8.46675ZM12 13.8334V11.8334C12 11.4334 11.9111 11.0529 11.7333 10.6917C11.5556 10.3306 11.3222 10.0112 11.0333 9.73342C11.6 9.93342 12.125 10.1917 12.6083 10.5084C13.0917 10.8251 13.3333 11.2667 13.3333 11.8334V13.8334H12ZM13.3333 9.16675V7.83342H12V6.50008H13.3333V5.16675H14.6667V6.50008H16V7.83342H14.6667V9.16675H13.3333ZM5.33333 8.50008C4.6 8.50008 3.97222 8.23897 3.45 7.71675C2.92778 7.19453 2.66667 6.56675 2.66667 5.83341C2.66667 5.10008 2.92778 4.4723 3.45 3.95008C3.97222 3.42786 4.6 3.16675 5.33333 3.16675C6.06667 3.16675 6.69444 3.42786 7.21667 3.95008C7.73889 4.4723 8 5.10008 8 5.83341C8 6.56675 7.73889 7.19453 7.21667 7.71675C6.69444 8.23897 6.06667 8.50008 5.33333 8.50008ZM0 13.8334V11.9667C0 11.589 0.0972222 11.2417 0.291667 10.9251C0.486111 10.6084 0.744444 10.3667 1.06667 10.2001C1.75556 9.85564 2.45556 9.5973 3.16667 9.42508C3.87778 9.25286 4.6 9.16675 5.33333 9.16675C6.06667 9.16675 6.78889 9.25286 7.5 9.42508C8.21111 9.5973 8.91111 9.85564 9.6 10.2001C9.92222 10.3667 10.1806 10.6084 10.375 10.9251C10.5694 11.2417 10.6667 11.589 10.6667 11.9667V13.8334H0ZM5.33333 7.16675C5.7 7.16675 6.01389 7.03619 6.275 6.77508C6.53611 6.51397 6.66667 6.20008 6.66667 5.83341C6.66667 5.46675 6.53611 5.15286 6.275 4.89175C6.01389 4.63064 5.7 4.50008 5.33333 4.50008C4.96667 4.50008 4.65278 4.63064 4.39167 4.89175C4.13056 5.15286 4 5.46675 4 5.83341C4 6.20008 4.13056 6.51397 4.39167 6.77508C4.65278 7.03619 4.96667 7.16675 5.33333 7.16675ZM1.33333 12.5001H9.33333V11.9667C9.33333 11.8445 9.30278 11.7334 9.24167 11.6334C9.18056 11.5334 9.1 11.4556 9 11.4001C8.4 11.1001 7.79445 10.8751 7.18333 10.7251C6.57222 10.5751 5.95556 10.5001 5.33333 10.5001C4.71111 10.5001 4.09444 10.5751 3.48333 10.7251C2.87222 10.8751 2.26667 11.1001 1.66667 11.4001C1.56667 11.4556 1.48611 11.5334 1.425 11.6334C1.36389 11.7334 1.33333 11.8445 1.33333 11.9667V12.5001Z"
          fill="#219BF4"
        />
      </g>
    </svg>
  );
};

export const MoreTemplateIcon = createIcon({
  displayName: "MoreTemplateIcon",
  viewBox: "0 0 14 14",
  d: "M2.33398 2.91672C2.33398 2.76201 2.39544 2.61364 2.50484 2.50424C2.61424 2.39485 2.76261 2.33339 2.91732 2.33339H11.084C11.2387 2.33339 11.3871 2.39485 11.4965 2.50424C11.6059 2.61364 11.6673 2.76201 11.6673 2.91672V4.08339C11.6673 4.2381 11.6059 4.38647 11.4965 4.49587C11.3871 4.60526 11.2387 4.66672 11.084 4.66672H2.91732C2.76261 4.66672 2.61424 4.60526 2.50484 4.49587C2.39544 4.38647 2.33398 4.2381 2.33398 4.08339V2.91672ZM2.33398 7.58339C2.33398 7.42868 2.39544 7.28031 2.50484 7.17091C2.61424 7.06151 2.76261 7.00006 2.91732 7.00006H6.41732C6.57203 7.00006 6.7204 7.06151 6.8298 7.17091C6.93919 7.28031 7.00065 7.42868 7.00065 7.58339V11.0834C7.00065 11.2381 6.93919 11.3865 6.8298 11.4959C6.7204 11.6053 6.57203 11.6667 6.41732 11.6667H2.91732C2.76261 11.6667 2.61424 11.6053 2.50484 11.4959C2.39544 11.3865 2.33398 11.2381 2.33398 11.0834V7.58339ZM9.33398 7.58339C9.33398 7.42868 9.39544 7.28031 9.50484 7.17091C9.61424 7.06151 9.76261 7.00006 9.91732 7.00006H11.084C11.2387 7.00006 11.3871 7.06151 11.4965 7.17091C11.6059 7.28031 11.6673 7.42868 11.6673 7.58339V11.0834C11.6673 11.2381 11.6059 11.3865 11.4965 11.4959C11.3871 11.6053 11.2387 11.6667 11.084 11.6667H9.91732C9.76261 11.6667 9.61424 11.6053 9.50484 11.4959C9.39544 11.3865 9.33398 11.2381 9.33398 11.0834V7.58339Z",
});

export const RecycleBinIcon = (props: any) => {
  return (
    <svg width="24" height="24" viewBox="0 1 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M10.4063 6.75C9.89071 6.75 9.47278 7.16793 9.47278 7.68347V8.36279L7.38656 8.36279C7.08435 8.36279 6.83936 8.60778 6.83936 8.91C6.83936 8.9574 6.84538 9.00339 6.85671 9.04725C6.85512 9.06069 6.85426 9.07426 6.85417 9.08792C6.85417 9.29477 7.01982 9.45441 7.2198 9.45441H7.33095C7.34924 9.45626 7.36779 9.4572 7.38656 9.4572L16.6134 9.4572C16.6322 9.4572 16.6507 9.45626 16.669 9.45441H16.7872C16.8843 9.45419 16.9774 9.4155 17.0461 9.34682C17.1148 9.27814 17.1535 9.18505 17.1537 9.08792C17.1546 9.06474 17.1533 9.04158 17.1498 9.01878C17.1569 8.98362 17.1606 8.94724 17.1606 8.91C17.1606 8.60778 16.9156 8.36279 16.6134 8.36279L14.5272 8.36279V7.68347C14.5272 7.16793 14.1092 6.75 13.5937 6.75H10.4063ZM13.4327 8.36279V7.84441H10.5672V8.36279H13.4327Z"
        fill={props.color}
      />
      <path
        d="M8.34989 10.1646C8.6521 10.1646 8.8971 10.4096 8.8971 10.7118L8.89709 16.1556L15.0808 16.1556L15.0808 10.7118C15.0808 10.4096 15.3258 10.1646 15.628 10.1646C15.9302 10.1646 16.1752 10.4096 16.1752 10.7118L16.1752 16.3165C16.1752 16.8321 15.7573 17.25 15.2417 17.25H8.73615C8.22061 17.25 7.80268 16.8321 7.80268 16.3165L7.80268 10.7118C7.80268 10.4096 8.04767 10.1646 8.34989 10.1646Z"
        fill={props.color}
      />
      <path
        d="M12.7206 13.6017L12.0597 14.5801L12.621 15.6659L12.6322 15.1998C12.6322 15.1998 13.0399 15.217 13.2407 15.211C13.4407 15.211 13.524 15.0342 13.524 15.0342L14.1196 14.0609C13.6304 14.2789 12.7034 14.0901 12.7034 14.0901L12.7206 13.6017Z"
        fill={props.color}
      />
      <path
        d="M11.8709 14.1793C11.8709 14.1793 10.744 14.1381 10.532 14.1021H10.5311C10.4719 14.1793 10.2479 14.7338 10.3715 14.9518C10.4375 15.0642 10.5191 15.1758 10.6607 15.2058L11.8297 15.2882V15.223L11.8709 14.1793Z"
        fill={props.color}
      />
      <path
        d="M10.7963 12.5211L9.59813 12.4739L9.98694 12.7159C9.98694 12.7159 9.76893 13.0704 9.66851 13.2472C9.56895 13.424 9.68053 13.5888 9.68053 13.5888L10.2058 14.6042C10.2642 14.0609 10.8907 13.3356 10.8907 13.3356L11.2976 13.5948L10.7963 12.5211Z"
        fill={props.color}
      />
      <path
        d="M14.402 13.3528L13.8887 12.2799L13.8364 12.3151L12.9266 12.7983C12.9266 12.7983 13.4519 13.8137 13.5291 14.0197C13.6235 14.0368 14.2072 13.9553 14.3316 13.7364C14.396 13.6249 14.4492 13.4944 14.402 13.3528Z"
        fill={props.color}
      />
      <path
        d="M11.9765 11.413C11.9404 11.3187 11.5812 10.8472 11.3401 10.8466C11.21 10.8467 11.0749 10.8649 10.9808 10.9762L10.32 11.9615L10.3732 11.9967L11.2383 12.5571C11.2383 12.5571 11.8409 11.5838 11.9765 11.413Z"
        fill={props.color}
      />
      <path
        d="M12.8322 10.923L11.7052 10.8757H11.7044C12.1361 11.2002 12.4425 12.1143 12.4425 12.1143L12.0177 12.3451L13.1798 12.4396L13.8235 11.401L13.4227 11.625C13.4227 11.625 13.2339 11.2534 13.1274 11.0826C13.0528 10.9487 12.924 10.9264 12.8639 10.923H12.8322Z"
        fill={props.color}
      />
    </svg>
  );
};

export const MedalIcon = () => {
  return (
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        opacity="0.5"
        d="M13 2H11C9.114 2 8.172 2 7.586 2.586C7 3.172 7 4.114 7 6V10H17V6C17 4.114 17 3.172 16.414 2.586C15.828 2 14.886 2 13 2Z"
        fill="#9A8EE0"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M12 22C14.1217 22 16.1566 21.1571 17.6569 19.6569C19.1571 18.1566 20 16.1217 20 14C20 11.8783 19.1571 9.84344 17.6569 8.34315C16.1566 6.84285 14.1217 6 12 6C9.87827 6 7.84344 6.84285 6.34315 8.34315C4.84285 9.84344 4 11.8783 4 14C4 16.1217 4.84285 18.1566 6.34315 19.6569C7.84344 21.1571 9.87827 22 12 22ZM12 11C11.716 11 11.526 11.34 11.146 12.023L11.048 12.199C10.94 12.393 10.886 12.489 10.802 12.553C10.717 12.617 10.612 12.641 10.402 12.688L10.212 12.732C9.474 12.899 9.105 12.982 9.017 13.264C8.929 13.547 9.181 13.841 9.684 14.429L9.814 14.581C9.957 14.748 10.029 14.831 10.061 14.935C10.093 15.039 10.082 15.15 10.061 15.373L10.041 15.576C9.965 16.361 9.927 16.754 10.156 16.928C10.386 17.102 10.732 16.943 11.423 16.625L11.601 16.543C11.798 16.453 11.896 16.407 12 16.407C12.104 16.407 12.202 16.453 12.399 16.543L12.577 16.625C13.268 16.944 13.614 17.102 13.844 16.928C14.074 16.754 14.035 16.361 13.959 15.576L13.939 15.373C13.918 15.15 13.907 15.039 13.939 14.935C13.971 14.832 14.043 14.748 14.186 14.581L14.316 14.429C14.819 13.841 15.071 13.547 14.983 13.264C14.895 12.982 14.526 12.899 13.788 12.732L13.598 12.688C13.388 12.641 13.283 12.618 13.198 12.553C13.114 12.489 13.06 12.393 12.952 12.199L12.854 12.023C12.474 11.34 12.284 11 12 11Z"
        fill="#9A8EE0"
      />
    </svg>
  );
};

export const ErrorIcon = createIcon({
  displayName: "ErrorIcon",
  viewBox: "0 0 24 24",
  d: "M12 2.25C10.0716 2.25 8.18657 2.82183 6.58319 3.89317C4.97982 4.96451 3.73013 6.48726 2.99218 8.26884C2.25422 10.0504 2.06114 12.0108 2.43735 13.9021C2.81355 15.7934 3.74215 17.5307 5.10571 18.8943C6.46928 20.2579 8.20656 21.1865 10.0979 21.5627C11.9892 21.9389 13.9496 21.7458 15.7312 21.0078C17.5127 20.2699 19.0355 19.0202 20.1068 17.4168C21.1782 15.8134 21.75 13.9284 21.75 12C21.745 9.41566 20.7162 6.93859 18.8888 5.11118C17.0614 3.28378 14.5843 2.25496 12 2.25ZM12 20.25C10.3683 20.25 8.77326 19.7661 7.41655 18.8596C6.05984 17.9531 5.00242 16.6646 4.378 15.1571C3.75358 13.6496 3.5902 11.9908 3.90853 10.3905C4.22685 8.79016 5.01259 7.32015 6.16637 6.16637C7.32016 5.01259 8.79017 4.22685 10.3905 3.90852C11.9909 3.59019 13.6497 3.75357 15.1571 4.37799C16.6646 5.00242 17.9531 6.05984 18.8596 7.41655C19.7661 8.77325 20.25 10.3683 20.25 12C20.2475 14.1873 19.3775 16.2843 17.8309 17.8309C16.2843 19.3775 14.1873 20.2475 12 20.25ZM13.125 16.875C13.125 17.0975 13.059 17.315 12.9354 17.5C12.8118 17.685 12.6361 17.8292 12.4305 17.9144C12.225 17.9995 11.9988 18.0218 11.7805 17.9784C11.5623 17.935 11.3618 17.8278 11.2045 17.6705C11.0472 17.5132 10.94 17.3127 10.8966 17.0945C10.8532 16.8762 10.8755 16.65 10.9606 16.4445C11.0458 16.2389 11.19 16.0632 11.375 15.9396C11.56 15.816 11.7775 15.75 12 15.75C12.2984 15.75 12.5845 15.8685 12.7955 16.0795C13.0065 16.2905 13.125 16.5766 13.125 16.875ZM17.7844 11.4656C17.9252 11.6078 18.0042 11.7999 18.0042 12C18.0042 12.2001 17.9252 12.3922 17.7844 12.5344C17.641 12.673 17.4494 12.7505 17.25 12.7505C17.0506 12.7505 16.859 12.673 16.7156 12.5344L15.75 11.5594L14.7844 12.5344C14.641 12.673 14.4494 12.7505 14.25 12.7505C14.0506 12.7505 13.859 12.673 13.7156 12.5344C13.5748 12.3922 13.4958 12.2001 13.4958 12C13.4958 11.7999 13.5748 11.6078 13.7156 11.4656L14.6906 10.5L13.7156 9.53437C13.596 9.38865 13.5349 9.20366 13.5442 9.01537C13.5534 8.82708 13.6324 8.64896 13.7657 8.51566C13.899 8.38236 14.0771 8.3034 14.2654 8.29416C14.4537 8.28491 14.6387 8.34603 14.7844 8.46563L15.75 9.44062L16.7156 8.46563C16.8614 8.34603 17.0463 8.28491 17.2346 8.29416C17.4229 8.3034 17.601 8.38236 17.7343 8.51566C17.8676 8.64896 17.9466 8.82708 17.9558 9.01537C17.9651 9.20366 17.904 9.38865 17.7844 9.53437L16.8094 10.5L17.7844 11.4656ZM10.2844 9.53437L9.30938 10.5L10.2844 11.4656C10.4252 11.6078 10.5042 11.7999 10.5042 12C10.5042 12.2001 10.4252 12.3922 10.2844 12.5344C10.141 12.673 9.94942 12.7505 9.75 12.7505C9.55059 12.7505 9.35898 12.673 9.21563 12.5344L8.25 11.5594L7.28438 12.5344C7.14102 12.673 6.94942 12.7505 6.75 12.7505C6.55059 12.7505 6.35898 12.673 6.21563 12.5344C6.07479 12.3922 5.99579 12.2001 5.99579 12C5.99579 11.7999 6.07479 11.6078 6.21563 11.4656L7.19063 10.5L6.21563 9.53437C6.09603 9.38865 6.03491 9.20366 6.04416 9.01537C6.05341 8.82708 6.13236 8.64896 6.26566 8.51566C6.39896 8.38236 6.57708 8.3034 6.76537 8.29416C6.95366 8.28491 7.13866 8.34603 7.28438 8.46563L8.25 9.44062L9.21563 8.46563C9.36135 8.34603 9.54635 8.28491 9.73464 8.29416C9.92293 8.3034 10.101 8.38236 10.2343 8.51566C10.3676 8.64896 10.4466 8.82708 10.4558 9.01537C10.4651 9.20366 10.404 9.38865 10.2844 9.53437Z",
});

export const DocIcon = createIcon({
  displayName: "DocIcon",
  viewBox: "0 0 21 20",
  d: "M5.25407 1.6665C4.81204 1.6665 4.38812 1.8421 4.07556 2.15466C3.763 2.46722 3.5874 2.89114 3.5874 3.33317V16.6665C3.5874 17.1085 3.763 17.5325 4.07556 17.845C4.38812 18.1576 4.81204 18.3332 5.25407 18.3332H15.2541C15.6961 18.3332 16.12 18.1576 16.4326 17.845C16.7451 17.5325 16.9207 17.1085 16.9207 16.6665V6.6665L11.9207 1.6665H5.25407ZM5.25407 3.33317H11.0874V7.49984H15.2541V16.6665H5.25407V3.33317ZM6.92074 9.99984V11.6665H13.5874V9.99984H6.92074ZM6.92074 13.3332V14.9998H11.0874V13.3332H6.92074Z",
});

export const CopyIcon = (props: any) => {
  return (
    <svg
      width={props.size}
      height={props.size}
      viewBox="0 0 14 15"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M2.33317 5.6665H8.1665C8.53378 5.6665 8.83317 5.9659 8.83317 6.33317V12.1665C8.83317 12.5338 8.53378 12.8332 8.1665 12.8332H2.33317C1.9659 12.8332 1.6665 12.5338 1.6665 12.1665V6.33317C1.6665 5.9659 1.9659 5.6665 2.33317 5.6665Z"
        fill={props.color}
        stroke={props.color}
      />
      <path
        d="M5.83317 2.1665H11.6665C11.8433 2.1665 12.0129 2.23674 12.1379 2.36177C12.2629 2.48679 12.3332 2.65636 12.3332 2.83317V8.6665C12.3332 8.84331 12.2629 9.01288 12.1379 9.13791C12.0129 9.26293 11.8433 9.33317 11.6665 9.33317H10.9998V5.1665C10.9998 4.72448 10.8242 4.30055 10.5117 3.98799C10.1991 3.67543 9.7752 3.49984 9.33317 3.49984H5.1665V2.83317C5.1665 2.65636 5.23674 2.48679 5.36177 2.36177C5.48679 2.23674 5.65636 2.1665 5.83317 2.1665Z"
        fill={props.color}
        stroke={props.color}
      />
    </svg>
  );
};

export const OutlineCopyIcon = (props: any) => {
  return (
    <svg
      width={props.size}
      height={props.size}
      viewBox="0 0 14 14"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M5.34612 1.63916C4.80212 1.63916 4.36112 2.08016 4.36112 2.62416V3.82295H5.53112V2.80916H11.0616V8.32843H10.1368V9.49843H11.2466C11.7906 9.49843 12.2316 9.05743 12.2316 8.51343V2.62416C12.2316 2.08016 11.7906 1.63916 11.2466 1.63916H5.34612Z"
        fill={props.color}
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M2.75203 4.27581C2.20803 4.27581 1.76703 4.71681 1.76703 5.26081V11.1501C1.76703 11.6941 2.20803 12.1351 2.75203 12.1351H8.65247C9.19647 12.1351 9.63747 11.6941 9.63747 11.1501V5.26081C9.63747 4.71681 9.19647 4.27581 8.65247 4.27581H2.75203ZM2.93703 10.9651V5.44581H8.46747V10.9651H2.93703Z"
        fill={props.color}
      />
    </svg>
  );
};

export const EditIconFull = () => {
  return (
    <svg width="13" height="12" viewBox="0 0 13 12" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M10.5339 0.342957C10.696 0.180928 10.9587 0.180928 11.1207 0.342958L12.0008 1.2231C12.1629 1.38513 12.1629 1.64783 12.0008 1.80986L11.2015 2.60919C11.0395 2.77121 10.7768 2.77121 10.6147 2.60919L9.7346 1.72905C9.57257 1.56702 9.57257 1.30431 9.7346 1.14229L10.5339 0.342957Z"
        fill="#BDC1C5"
      />
      <path
        d="M9.0616 2.40238C8.89957 2.24035 8.63687 2.24035 8.47484 2.40238L4.75459 6.12263C4.69463 6.18259 4.65685 6.25634 4.64127 6.33367C4.62771 6.36859 4.62027 6.40657 4.62027 6.44628V7.40412C4.62027 7.57598 4.75959 7.7153 4.93145 7.7153H5.90499C5.92585 7.7153 5.94623 7.71325 5.96594 7.70933C6.05918 7.70085 6.15011 7.66091 6.22149 7.58953L9.94174 3.86928C10.1038 3.70725 10.1038 3.44455 9.94174 3.28252L9.0616 2.40238Z"
        fill="#BDC1C5"
      />
      <path
        d="M3.89044 5.41938L8.42212 0.8877H1.58498C1.01212 0.8877 0.547729 1.35209 0.547729 1.92495V10.7416C0.547729 11.3145 1.01212 11.7789 1.58498 11.7789H10.4017C10.9745 11.7789 11.4389 11.3145 11.4389 10.7416V3.94046L6.92521 8.45415C6.90861 8.47075 6.88976 8.48505 6.87097 8.49929L6.85304 8.51301C6.78269 8.5679 6.69418 8.6006 6.59804 8.6006H4.158C3.92886 8.6006 3.7431 8.41485 3.7431 8.1857V5.74107C3.7431 5.63138 3.78567 5.53162 3.85519 5.45743L3.86839 5.443C3.87561 5.435 3.88283 5.42699 3.89044 5.41938Z"
        fill="#BDC1C5"
      />
    </svg>
  );
};

export const EditIconLine = (props: any) => {
  return (
    <svg
      width={props.size || "14"}
      height={props.size || "14"}
      viewBox="0 0 14 14"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M11.543 1.37033C11.6992 1.21412 11.9524 1.21412 12.1086 1.37033L13.0015 2.2632C13.1577 2.41941 13.1577 2.67268 13.0015 2.82889L12.2203 3.61013C12.0641 3.76634 11.8108 3.76634 11.6546 3.61013L10.7617 2.71725C10.6055 2.56105 10.6055 2.30778 10.7617 2.15157L11.543 1.37033Z"
        fill={props.color}
      />
      <path
        d="M10.049 3.40223C9.89277 3.24602 9.63951 3.24602 9.4833 3.40223L5.23508 7.65045C5.18424 7.70128 5.14995 7.7624 5.1322 7.8271C5.11703 7.86298 5.10864 7.90243 5.10864 7.94383V8.92876C5.10864 9.09445 5.24296 9.22876 5.40864 9.22876H6.39134C6.40686 9.22876 6.42211 9.22758 6.43699 9.22531C6.53046 9.21921 6.6222 9.18044 6.69363 9.109L10.9419 4.86078C11.0981 4.70457 11.0981 4.45131 10.9419 4.2951L10.049 3.40223Z"
        fill={props.color}
      />
      <path
        d="M2.57921 1.94995H9.41479L8.20811 3.15664H2.75454V11.5725H11.1704V6.15114L12.3771 4.94445V11.7478C12.3771 12.3174 11.9153 12.7792 11.3457 12.7792H2.57921C2.00961 12.7792 1.54785 12.3174 1.54785 11.7478V2.98131C1.54785 2.41171 2.0096 1.94995 2.57921 1.94995Z"
        fill={props.color}
      />
    </svg>
  );
};

export const DevelopIcon = createIcon({
  displayName: "DevelopIcon",
  viewBox: "0 0 20 20",
  d: "M7.35417 10L8.58333 8.77083C8.75 8.60417 8.83333 8.40972 8.83333 8.1875C8.83333 7.96528 8.75 7.77083 8.58333 7.60417C8.41667 7.4375 8.21889 7.35417 7.99 7.35417C7.76056 7.35417 7.5625 7.4375 7.39583 7.60417L5.58333 9.41667C5.5 9.5 5.44111 9.59028 5.40667 9.6875C5.37167 9.78472 5.35417 9.88889 5.35417 10C5.35417 10.1111 5.37167 10.2153 5.40667 10.3125C5.44111 10.4097 5.5 10.5 5.58333 10.5833L7.39583 12.3958C7.5625 12.5625 7.76056 12.6458 7.99 12.6458C8.21889 12.6458 8.41667 12.5625 8.58333 12.3958C8.75 12.2292 8.83333 12.0347 8.83333 11.8125C8.83333 11.5903 8.75 11.3958 8.58333 11.2292L7.35417 10ZM12.6458 10L11.4167 11.2292C11.25 11.3958 11.1667 11.5903 11.1667 11.8125C11.1667 12.0347 11.25 12.2292 11.4167 12.3958C11.5833 12.5625 11.7814 12.6458 12.0108 12.6458C12.2397 12.6458 12.4375 12.5625 12.6042 12.3958L14.4167 10.5833C14.5 10.5 14.5589 10.4097 14.5933 10.3125C14.6283 10.2153 14.6458 10.1111 14.6458 10C14.6458 9.88889 14.6283 9.78472 14.5933 9.6875C14.5589 9.59028 14.5 9.5 14.4167 9.41667L12.6042 7.60417C12.5208 7.52083 12.4272 7.45833 12.3233 7.41667C12.2189 7.375 12.1147 7.35417 12.0108 7.35417C11.9064 7.35417 11.8022 7.375 11.6983 7.41667C11.5939 7.45833 11.5 7.52083 11.4167 7.60417C11.25 7.77083 11.1667 7.96528 11.1667 8.1875C11.1667 8.40972 11.25 8.60417 11.4167 8.77083L12.6458 10ZM4.16667 17.5C3.70833 17.5 3.31583 17.3369 2.98917 17.0108C2.66306 16.6842 2.5 16.2917 2.5 15.8333V4.16667C2.5 3.70833 2.66306 3.31583 2.98917 2.98917C3.31583 2.66306 3.70833 2.5 4.16667 2.5H15.8333C16.2917 2.5 16.6842 2.66306 17.0108 2.98917C17.3369 3.31583 17.5 3.70833 17.5 4.16667V15.8333C17.5 16.2917 17.3369 16.6842 17.0108 17.0108C16.6842 17.3369 16.2917 17.5 15.8333 17.5H4.16667Z",
});

export const RecycleDeleteIcon = createIcon({
  displayName: "RecycleDeleteIcon",
  viewBox: "0 0 16 17",
  d: "M4.66666 14.5C4.29999 14.5 3.98599 14.3693 3.72466 14.108C3.46332 13.8467 3.33288 13.5329 3.33332 13.1667V4.5H2.66666V3.16667H5.99999V2.5H9.99999V3.16667H13.3333V4.5H12.6667V13.1667C12.6667 13.5333 12.536 13.8473 12.2747 14.1087C12.0133 14.37 11.6995 14.5004 11.3333 14.5H4.66666ZM11.3333 4.5H4.66666V13.1667H11.3333V4.5ZM5.99999 11.8333H7.33332V5.83333H5.99999V11.8333ZM8.66666 11.8333H9.99999V5.83333H8.66666V11.8333Z",
});

export const DatabaseIcon = createIcon({
  displayName: "DatabaseIcon",
  viewBox: "0 0 14 15",
  d: "M13.0727 10.2594C13.1861 10.47 13.1092 10.7322 12.9013 10.8485L12.8949 10.852L7.62227 13.6911C7.433 13.793 7.22159 13.8469 7.00663 13.848C6.79166 13.8491 6.57972 13.7973 6.38944 13.6973L6.37775 13.6911L1.10511 10.852C0.892371 10.7374 0.81276 10.4721 0.927317 10.2594C1.04072 10.0488 1.3019 9.96865 1.51354 10.0782L1.51994 10.0816L6.79261 12.9207C6.85529 12.9545 6.92527 12.9724 6.99647 12.973C7.06766 12.9736 7.13792 12.9568 7.20115 12.924L7.20744 12.9207L12.4801 10.0816C12.6928 9.96704 12.9582 10.0466 13.0727 10.2594H13.0727ZM13.0727 7.41563C13.1861 7.62625 13.1092 7.88841 12.9013 8.00477L12.8949 8.00825L7.62227 10.8474C7.433 10.9493 7.22159 11.0032 7.00663 11.0042C6.79166 11.0053 6.57972 10.9536 6.38944 10.8536L6.37775 10.8474L1.10511 8.00825C0.892371 7.8937 0.81276 7.62837 0.927317 7.41563C1.04072 7.20502 1.3019 7.1249 1.51354 7.23447L1.51994 7.23784L6.79261 10.077C6.85529 10.1107 6.92527 10.1287 6.99647 10.1293C7.06766 10.1298 7.13792 10.113 7.20115 10.0803L7.20744 10.077L12.4801 7.23784C12.6928 7.12329 12.9582 7.20288 13.0727 7.41563H13.0727ZM7.43682 1.17784L7.44486 1.18235L12.8721 4.26418C12.944 4.30503 13.0029 4.36544 13.0419 4.4384C13.1546 4.64937 13.077 4.91129 12.8686 5.02702L12.8623 5.03048L7.42523 7.93627C7.29987 8.00327 7.16007 8.03872 7.01793 8.03955C6.87579 8.04039 6.73558 8.00658 6.60944 7.94106L6.60171 7.93698L1.1413 5.03082C1.0678 4.9917 1.007 4.93243 0.966022 4.85996C0.848279 4.65174 0.919715 4.38805 1.12523 4.2674L1.13149 4.26379L6.58206 1.18156C6.71232 1.1079 6.85929 1.06887 7.00894 1.06822C7.15858 1.06756 7.3059 1.10529 7.4368 1.17781L7.43682 1.17784Z",
});

export const RefreshIcon = createIcon({
  displayName: "RefreshIcon",
  viewBox: "0 0 16 17",
  d: "M11.7667 4.73332C11.2079 4.1695 10.5296 3.7384 9.78187 3.47185C9.03415 3.2053 8.2361 3.11011 7.44667 3.19332C5 3.43999 2.98667 5.42665 2.71333 7.87332C2.34667 11.1067 4.84667 13.8333 8 13.8333C9.00674 13.8333 9.99281 13.5477 10.8437 13.0095C11.6945 12.4714 12.3752 11.7029 12.8067 10.7933C13.02 10.3467 12.7 9.83332 12.2067 9.83332C11.96 9.83332 11.7267 9.96665 11.62 10.1867C11.2329 11.0193 10.5709 11.6933 9.74528 12.0952C8.91965 12.4971 7.9808 12.6024 7.08667 12.3933C5.60667 12.0667 4.41333 10.86 4.1 9.37999C3.96829 8.79483 3.96981 8.18754 4.10446 7.60305C4.23911 7.01856 4.50344 6.47182 4.8779 6.00327C5.25236 5.53472 5.72736 5.15634 6.26778 4.89613C6.8082 4.63592 7.4002 4.50054 8 4.49999C9.10667 4.49999 10.0933 4.95999 10.8133 5.68665L9.80667 6.69332C9.38667 7.11332 9.68 7.83332 10.2733 7.83332H12.6667C13.0333 7.83332 13.3333 7.53332 13.3333 7.16665V4.77332C13.3333 4.17999 12.6133 3.87999 12.1933 4.29999L11.7667 4.73332Z",
});

export const ChevronLeftIcon = createIcon({
  displayName: "ChevronLeftIcon",
  viewBox: "0 0 12 12",
  d: "M5.414 5.99999L7.889 8.47499L7.182 9.18199L4 5.99999L7.182 2.81799L7.889 3.52499L5.414 5.99999Z",
});

export const ChevronRightIcon = createIcon({
  displayName: "ChevronRightIcon",
  viewBox: "0 0 12 12",
  d: "M6.58596 5.99999L4.11096 3.52499L4.81796 2.81799L7.99996 5.99999L4.81796 9.18199L4.11096 8.47499L6.58596 5.99999Z",
});

export const ArrowLeftIcon = createIcon({
  displayName: "ArrowLeftIcon",
  viewBox: "0 0 12 12",
  d: "M9.205 8.295L6.91 6L9.205 3.705L8.5 3L5.5 6L8.5 9L9.205 8.295ZM3 3H4V9H3V3Z",
});

export const ArrowRightIcon = createIcon({
  displayName: "ArrowRightIcon",
  viewBox: "0 0 12 12",
  d: "M2.79498 3.705L5.08998 6L2.79498 8.295L3.49998 9L6.49998 6L3.49998 3L2.79498 3.705ZM7.99998 3H8.99998V9H7.99998V3Z",
});

export const OutlineViewOnIcon = createIcon({
  displayName: "OutlineViewOnIcon",
  viewBox: "0 0 14 14",
  d: "M6.99992 3.49992C9.21075 3.49992 11.1824 4.74242 12.1449 6.70825C11.1824 8.67409 9.21075 9.91659 6.99992 9.91659C4.78909 9.91659 2.81742 8.67409 1.85492 6.70825C2.81742 4.74242 4.78909 3.49992 6.99992 3.49992ZM6.99992 2.33325C4.08325 2.33325 1.59242 4.14742 0.583252 6.70825C1.59242 9.26909 4.08325 11.0833 6.99992 11.0833C9.91659 11.0833 12.4074 9.26909 13.4166 6.70825C12.4074 4.14742 9.91659 2.33325 6.99992 2.33325ZM6.99992 5.24992C7.80492 5.24992 8.45825 5.90325 8.45825 6.70825C8.45825 7.51325 7.80492 8.16659 6.99992 8.16659C6.19492 8.16659 5.54159 7.51325 5.54159 6.70825C5.54159 5.90325 6.19492 5.24992 6.99992 5.24992ZM6.99992 4.08325C5.55325 4.08325 4.37492 5.26159 4.37492 6.70825C4.37492 8.15492 5.55325 9.33325 6.99992 9.33325C8.44659 9.33325 9.62492 8.15492 9.62492 6.70825C9.62492 5.26159 8.44659 4.08325 6.99992 4.08325Z",
});

export const OutlineViewOffIcon = createIcon({
  displayName: "OutlineViewOffIcon",
  viewBox: "0 0 16 16",
  d: "M1.33317 3.51341L2.1865 2.66675L13.3332 13.8134L12.4865 14.6667L10.4332 12.6134C9.6665 12.8667 8.85317 13.0001 7.99984 13.0001C4.6665 13.0001 1.81984 10.9267 0.666504 8.00008C1.1265 6.82675 1.85984 5.79341 2.79317 4.97341L1.33317 3.51341ZM7.99984 6.00008C8.53027 6.00008 9.03898 6.21079 9.41405 6.58587C9.78912 6.96094 9.99984 7.46965 9.99984 8.00008C10.0002 8.22713 9.96185 8.45257 9.8865 8.66675L7.33317 6.11341C7.54735 6.03807 7.77279 5.99974 7.99984 6.00008ZM7.99984 3.00008C11.3332 3.00008 14.1798 5.07341 15.3332 8.00008C14.7891 9.38222 13.8645 10.5819 12.6665 11.4601L11.7198 10.5067C12.6418 9.869 13.3853 9.00612 13.8798 8.00008C13.3409 6.90004 12.5041 5.97326 11.4647 5.32508C10.4252 4.67691 9.22481 4.33333 7.99984 4.33341C7.27317 4.33341 6.55984 4.45341 5.89317 4.66675L4.8665 3.64675C5.8265 3.23341 6.8865 3.00008 7.99984 3.00008ZM2.11984 8.00008C2.6588 9.10012 3.49555 10.0269 4.53499 10.6751C5.57443 11.3233 6.77486 11.6668 7.99984 11.6667C8.45984 11.6667 8.91317 11.6201 9.33317 11.5267L7.81317 10.0001C7.34928 9.95036 6.91639 9.74333 6.58649 9.41343C6.25659 9.08353 6.04956 8.65064 5.99984 8.18675L3.73317 5.91341C3.07317 6.48008 2.51984 7.18675 2.11984 8.00008Z",
});

export const LinkIcon = createIcon({
  displayName: "LinkIcon",
  viewBox: "0 0 24 24",
  d: "M15.7123 14.0621L14.8875 13.2373L15.7123 12.4125C16.2479 11.8632 16.5455 11.1251 16.5407 10.358C16.5359 9.59082 16.2291 8.85647 15.6866 8.31398C15.1442 7.77149 14.4099 7.46454 13.6428 7.45962C12.8757 7.45471 12.1375 7.75222 11.5882 8.28772L10.7622 9.11255L9.93791 8.28772L10.7627 7.46289C11.5286 6.69707 12.5672 6.26685 13.6502 6.26685C14.7333 6.26685 15.7719 6.69707 16.5377 7.46289C17.3036 8.2287 17.7338 9.26736 17.7338 10.3504C17.7338 11.4334 17.3036 12.4721 16.5377 13.2379L15.7123 14.0621ZM14.0627 15.7124L13.2378 16.5372C12.8586 16.9164 12.4085 17.2172 11.913 17.4224C11.4176 17.6276 10.8866 17.7333 10.3503 17.7333C9.81407 17.7333 9.28306 17.6276 8.78762 17.4224C8.29218 17.2172 7.84202 16.9164 7.46283 16.5372C7.08363 16.158 6.78284 15.7079 6.57763 15.2124C6.37241 14.717 6.26678 14.186 6.26678 13.6497C6.26678 13.1135 6.37241 12.5825 6.57763 12.087C6.78284 11.5916 7.08363 11.1414 7.46283 10.7622L8.28766 9.93739L9.11308 10.7622L8.28766 11.5876C7.75216 12.137 7.45465 12.8751 7.45956 13.6423C7.46448 14.4094 7.77143 15.1437 8.31392 15.6861C8.85641 16.2285 9.59076 16.5354 10.3579 16.5402C11.125 16.545 11.8632 16.2474 12.4124 15.7118L13.2378 14.8876L14.0627 15.7124ZM13.6502 9.52497L14.4751 10.3498L10.3503 14.4751L9.52549 13.6497L13.6497 9.52555L13.6502 9.52497Z",
});

export const UploadIcon = createIcon({
  displayName: "UploadIcon",
  viewBox: "0 0 24 24",
  d: "M6.5 20C4.98 20 3.68333 19.4767 2.61 18.43C1.53667 17.3767 1 16.0933 1 14.58C1 13.28 1.39 12.12 2.17 11.1C2.95667 10.08 3.98333 9.43 5.25 9.15C5.67 7.61667 6.50333 6.37667 7.75 5.43C9.00333 4.47667 10.42 4 12 4C13.9533 4 15.6067 4.68 16.96 6.04C18.32 7.39333 19 9.04667 19 11C20.1533 11.1333 21.1067 11.6333 21.86 12.5C22.62 13.3533 23 14.3533 23 15.5C23 16.7533 22.5633 17.8167 21.69 18.69C20.8167 19.5633 19.7533 20 18.5 20H13C12.4533 20 11.9833 19.8033 11.59 19.41C11.1967 19.0233 11 18.5533 11 18V12.85L9.4 14.4L8 13L12 9L16 13L14.6 14.4L13 12.85V18H18.5C19.2 18 19.79 17.7567 20.27 17.27C20.7567 16.79 21 16.2 21 15.5C21 14.8 20.7567 14.21 20.27 13.73C19.79 13.2433 19.2 13 18.5 13H17V11C17 9.62 16.5133 8.44 15.54 7.46C14.5667 6.48667 13.3867 6 12 6C10.62 6 9.44 6.48667 8.46 7.46C7.48667 8.44 7 9.62 7 11H6.5C5.53333 11 4.71 11.3433 4.03 12.03C3.34333 12.71 3 13.5333 3 14.5C3 15.4667 3.34333 16.3 4.03 17C4.71 17.6667 5.53333 18 6.5 18H9V20",
});

export const OutlineFolderAddIcon = createIcon({
  displayName: "OutlineFolderAddIcon",
  viewBox: "0 0 24 24",
  d: "M15 16C15.2833 16 15.521 15.904 15.713 15.712C15.9043 15.5207 16 15.2833 16 15V14H17C17.2833 14 17.5207 13.904 17.712 13.712C17.904 13.5207 18 13.2833 18 13C18 12.7167 17.904 12.479 17.712 12.287C17.5207 12.0957 17.2833 12 17 12H16V11C16 10.7167 15.9043 10.479 15.713 10.287C15.521 10.0957 15.2833 10 15 10C14.7167 10 14.4793 10.0957 14.288 10.287C14.096 10.479 14 10.7167 14 11V12H13C12.7167 12 12.4793 12.0957 12.288 12.287C12.096 12.479 12 12.7167 12 13C12 13.2833 12.096 13.5207 12.288 13.712C12.4793 13.904 12.7167 14 13 14H14V15C14 15.2833 14.096 15.5207 14.288 15.712C14.4793 15.904 14.7167 16 15 16ZM4 20C3.45 20 2.97933 19.8043 2.588 19.413C2.196 19.021 2 18.55 2 18V6C2 5.45 2.196 4.97933 2.588 4.588C2.97933 4.196 3.45 4 4 4H9.175C9.44167 4 9.696 4.05 9.938 4.15C10.1793 4.25 10.3917 4.39167 10.575 4.575L12 6H20C20.55 6 21.021 6.196 21.413 6.588C21.8043 6.97933 22 7.45 22 8V18C22 18.55 21.8043 19.021 21.413 19.413C21.021 19.8043 20.55 20 20 20H4ZM4 6V18H20V8H11.175L9.175 6H4ZM4 6V18V6Z",
});

export const CommonSettingIcon = createIcon({
  displayName: "CommonSettingIcon",
  viewBox: "0 0 16 16",
  d: "M1.5 4.54688C1.5 4.38526 1.5642 4.23026 1.67848 4.11598C1.79276 4.0017 1.94776 3.9375 2.10938 3.9375H13.8906C14.0522 3.9375 14.2072 4.0017 14.3215 4.11598C14.4358 4.23026 14.5 4.38526 14.5 4.54688C14.5 4.70849 14.4358 4.86349 14.3215 4.97777C14.2072 5.09205 14.0522 5.15625 13.8906 5.15625H2.10938C1.94776 5.15625 1.79276 5.09205 1.67848 4.97777C1.5642 4.86349 1.5 4.70849 1.5 4.54688ZM1.5 8C1.5 7.83838 1.5642 7.68339 1.67848 7.56911C1.79276 7.45483 1.94776 7.39062 2.10938 7.39062H13.8906C14.0522 7.39062 14.2072 7.45483 14.3215 7.56911C14.4358 7.68339 14.5 7.83838 14.5 8C14.5 8.16162 14.4358 8.31661 14.3215 8.43089C14.2072 8.54517 14.0522 8.60938 13.8906 8.60938H2.10938C1.94776 8.60938 1.79276 8.54517 1.67848 8.43089C1.5642 8.31661 1.5 8.16162 1.5 8ZM2.10938 10.8438C1.94776 10.8438 1.79276 10.908 1.67848 11.0222C1.5642 11.1365 1.5 11.2915 1.5 11.4531C1.5 11.6147 1.5642 11.7697 1.67848 11.884C1.79276 11.9983 1.94776 12.0625 2.10938 12.0625H9.82812C9.98974 12.0625 10.1447 11.9983 10.259 11.884C10.3733 11.7697 10.4375 11.6147 10.4375 11.4531C10.4375 11.2915 10.3733 11.1365 10.259 11.0222C10.1447 10.908 9.98974 10.8438 9.82812 10.8438H2.10938Z",
});

export const PauseIcon = createIcon({
  displayName: "PauseIcon",
  viewBox: "0 0 1024 1024",
  d: "M304 176h80v672h-80zM712 176h-64c-4.4 0-8 3.6-8 8v656c0 4.4 3.6 8 8 8h64c4.4 0 8-3.6 8-8V184c0-4.4-3.6-8-8-8z",
});

export const ContinueIcon = createIcon({
  displayName: "ContinueIcon",
  viewBox: "0 0 1024 1024",
  d: "M104 0v1024l816-512z",
});

export const DownIcon = (props: any) => {
  return (
    <svg
      viewBox="0 0 1024 1024"
      xmlns="http://www.w3.org/2000/svg"
      width={props.size}
      height={props.size}
    >
      <path
        d="M486.4 537.6C492.8 544 505.6 544 512 544s19.2 0 25.6-6.4l224-224c12.8-12.8 12.8-32 0-44.8s-32-12.8-44.8 0L512 467.2 313.6 262.4C300.8 256 275.2 256 262.4 262.4S256 300.8 262.4 313.6L486.4 537.6z"
        fill={props.color}
      ></path>
      <path
        d="M710.4 486.4 512 691.2 313.6 486.4c-12.8-12.8-32-12.8-44.8 0S256 524.8 262.4 537.6l224 224C492.8 768 505.6 768 512 768s19.2 0 25.6-6.4l224-224c12.8-12.8 12.8-32 0-44.8S723.2 480 710.4 486.4z"
        fill={props.color}
      ></path>
    </svg>
  );
};
export const AscendingIcon = createIcon({
  displayName: "AscendingIcon",
  viewBox: "0 0 1024 1024",
  d: "M666.656 452.992l45.888-44.608-258.24-265.664v782.816h64V300.352z",
});

export const DescendingIcon = createIcon({
  displayName: "DescendingIcon",
  viewBox: "0 0 1024 1024",
  d: "M372.16 615.264l-45.888 44.608 258.272 265.664V142.72h-64v625.152z",
});

export const SortingIcon = createIcon({
  displayName: "SortingIcon",
  viewBox: "0 0 1024 1024",
  d: "M610.624 128l258.24 265.664-45.856 44.608-148.384-152.64v625.184h-64V128zM160 659.84l45.888-44.576 148.384 152.64V142.72h64v782.816L160 659.872z",
});

export const ApiIcon = createIcon({
  displayName: "ApiIcon",
  viewBox: "0 0 24 24",
  d: "M7 7H5a2 2 0 0 0-2 2v8h2v-4h2v4h2V9a2 2 0 0 0-2-2m0 4H5V9h2m7-2h-4v10h2v-4h2a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2m0 4h-2V9h2m6 0v6h1v2h-4v-2h1V9h-1V7h4v2Z",
});
